Question

大家好我使用 bxslidder 作为响应式滑块。只需很少的幻灯片就能正常工作我想滑动更多图像。有插件吗？这是我的链接

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

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

您可以使用很多脚本，最常见的脚本是jCarousel。

jQuery有很多这样的插件，所以我建议你进行谷歌搜索。以下是一些包含最佳轮播插件的页面：

Answer 2

您还可以查看designpotato来解决问题。

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

2 个答案: