Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 动态加载缩略图转盘_Jquery_Css_Bxslider - Fatal编程技术网

Jquery 动态加载缩略图转盘

Jquery 动态加载缩略图转盘,jquery,css,bxslider,Jquery,Css,Bxslider,大家好,我使用bxslidder作为响应滑块。只需几张幻灯片,效果很好;我想滑动更多的图像。有插件吗?这是我的链接 在这里,我只幻灯片四个图像,我需要幻灯片更多帮助我。同时也适用于反应灵敏的客户 我的剧本 <script type="text/javascript"> $(document).ready(function(){ $('.gallery_slidder').bxSlider({ pagerCustom: '.gallery_paging' }); }

大家好,我使用bxslidder作为响应滑块。只需几张幻灯片,效果很好;我想滑动更多的图像。有插件吗?这是我的链接

在这里,我只幻灯片四个图像,我需要幻灯片更多帮助我。同时也适用于反应灵敏的客户

我的剧本

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

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

$(文档).ready(函数(){
$('.gallery_slider').bxSlider({
pagerCustom:“.gallery_分页”
});
});
我的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> 

您指的是通常所说的图像“旋转木马”

有很多脚本可以用于此,其中最著名的是

jQuery有很多这样的插件,所以我建议您使用谷歌搜索。以下是一些包含最佳旋转木马插件的页面:


您也可以检查以解决此问题。

对不起,我不明白您的意思。。你有什么问题?是否要使底部div中的四个图像可滚动,以便添加更多图像?@Filiposkarapetis Yea我需要在底部添加更多图像以滚动..:(如何添加更多可滚动图像)