1

大家好,我使用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> 
4

2 回答 2

1

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

有很多脚本可供您使用,其中最著名的是jCarousel

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

于 2013-06-08T14:30:30.883 回答
-2

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

于 2014-04-19T20:37:27.340 回答