Bxslider infiniteLoop不起作用

时间:2015-02-13 11:59:38

标签: jquery bxslider

我需要在滑块中显示第一张图像并在最后一张图像后继续循环。我使用这样的bx滑块代码

这是我的代码

<ul id="slide_slide">
<li>
<img src="img/1.jpg" alt="img06"/><li>
<li>
<img src="img/2.jpg" alt="img06"/><li>
<li>
<img src="img/3.jpg" alt="img06"/><li>
<li>
<img src="img/4.jpg" alt="img06"/><li>
</ul>

,脚本是

<script type="text/javascript">
$(document).ready(function(){
  $('#slide_slide').bxSlider({
   auto: true,
   infiniteLoop:true,
   pager:false,
   moveSlides:1,
   nextText:'',
   prevText:''
});  

});
 </script>

但是当显示滑块时,最后一个图像注释将显示循环不起作用。应该更改什么才能启用循环视图?

1 个答案:

答案 0 :(得分:1)

$('#slide_slide').bxSlider({
    auto: true,
    slideWidth: 300,
    minSlides: 1,
    maxSlides: 1,
    slideMargin: 10
});

这对我来说很好。