jquery - 用于动态加载的缩略图轮播

Question

大家好，我使用 bxslidder 作为响应式 slider 。几张幻灯片就可以正常工作；我想滑动更多图片。有没有插件？这是我的链接

http://www.mediaserveit.com/demo/vivek/cutout/gallery.php

我在这里只滑动了四张图片，我需要滑动更多图片来帮助我。以及响应式。

我的脚本

 <script type="text/javascript">
$(document).ready(function(){

 $('.gallery_slidder').bxSlider({
 pagerCustom: '.gallery_paging'
   });
  });
</script>

我的html

<div class="gallery_slidder">

    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
    <img src="resources/images/foto.png" alt=""/>
        </div>
<div class="gallery_paging">
    <a data-slide-index="0" class="gallery_thumbs">
  <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="1" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="2" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
    <a data-slide-index="3" class="gallery_thumbs">
   <img src="resources/images/thumb_im.png" alt="" />
    </a>
</div> 

Answer 1

您指的是通常所说的图像“轮播”。

有很多脚本可供您使用，最著名的是 jCarousel。 .

jQuery 有很多这样的插件，所以我建议您使用 Google 搜索。以下是一些包含最佳轮播插件的页面:

• > http://inspiretrends.com/free-jquery-carousel-plugins/
• > http://www.tripwiremagazine.com/2012/12/jquery-carousel.html
• > http://vandelaydesign.com/blog/tools/jquery-carousel-plugins/