flex滑块拇指视图未正确显示

时间:2017-11-20 12:08:19

标签: jquery html css flexslider

我有一个来自flex滑块的滑块。使用4张图像效果非常好但是当使用超过5张图像时,拇指视图显示不正确。我怎样才能解决这个问题? Screenshot

1 个答案:

答案 0 :(得分:0)

这里是我的代码

<div class="flexslider">
  <ul class="slides">
    <?php
      $pre_ads_images=$conn->query("SELECT * FROM files WHERE pid=".$ad_out['id']);
      while($ad_images=$pre_ads_images->fetch_assoc()){
        echo'
          <li data-thumb="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'">
            <img src="'.$base_dir.'/uploads/post/'.$ad_images['uid'].'/'.$ad_images['name'].'" alt="'.$ad_out['title'].' For Sale In '.$city_y['name'].'"/>
          </li>';
        }
   ?>
  </ul>
</div>
<script>$('.flexslider').flexslider({animation: "slide",controlNav: "thumbnails"});</script>