如何將滑塊庫轉換爲帶有滑塊圖像和大拇指圖像的PHP代碼

Question

我正在使用此滑塊庫。我在顯示圖像大拇指時遇到問題。 我使用while循環僅在UL和li標籤上，當我在拇指後循環結束時。它會顯示在主圖像中的所有圖像..任何一個可以告訴我，我怎麼能在我的PHP代碼中使用這個庫

<div class="image-gallery"> 
    <?php if($pic_count > 0){ ?> 
     <div id="wowslider-container1"> 
     <div class="ws_images"> 
      <?php while(!$rs_img_gallery->EOF) { ?> 
      <ul> 
      <li><img src="<?php echo MYSURL;?>img.gallery/<?php echo $rs_img_gallery->fields['image'] ?>" alt="" id="wows1_0"/></li> 
     </ul> 
      <?php $rs_img_gallery->MoveNext(); 
       } // end while(!$rs_dc_gallery->EOF) ?> 
       </div> 
       <div class="ws_thumbs"> 
       <div> 
        <a href="#"><img src="<?php echo MYSURL;?>img.gallery/<?php echo $rs_img_gallery->fields['image'] ?>" alt="" width="120" height="90"/></a>  
       </div> 
       </div> 
       </div> 
      <?php }else{ 
      echo "<div class='notification information png_bg' style='width:90%;'> 
    <div> 
      ".$infomsg['msg164']." 
      </div> 
      </div>"; 
      }?> 
      </div> 

Answer 1

你應該採取的<UL>出while循環

<div class="ws_images"> 
    <ul> 
    <?php while(!$rs_img_gallery->EOF) { ?> 
     <li> 
      <img src="<?php echo MYSURL;?>img.gallery/<?php echo $rs_img_gallery->fields['image'] ?>" alt="" id="wows1_0"/> 
     </li> 
    <?php 
    $rs_img_gallery->MoveNext(); 
    } // end while(!$rs_dc_gallery->EOF) 
    ?> 
    </ul> 
</div>