bx slider：如果只有一个图像，如何禁用幻灯片放映

我正在使用bxslider创建我的图像幻灯片。 图像是动态更新的。 我的问题是即使只有一个图像存在的侧面显示淡入和淡出工作。 我怎么能阻止这个？

bxslider选项是

var coverSlider = $('.bxslider').bxSlider({ auto: true, minSlides: 1, maxSlides: 1, pager: false, speed: 500, pause: 3000, autoHover: true, mode: 'fade', controls: false }) 

我正在使用重载方法在追加或删除新图像时更新滑块

  coverSlider.reloadSlider(); 

Answer 1

您应该在重新加载之前检查图像的数量，如果只有1个图像，则使用destroySlider()方法。

 // Get the quantity of images (add your code if you want an example) var numberOfImages = ...; if (numberOfImages > 1) { coverSlider.reloadSlider(); } else { coverSlider.destroySlider(); } 

Answer 2

这有助于我：

 $(document).ready(function(){ $('.bxslider').bxSlider({ mode: 'fade', auto: ($(".bxslider li").length > 1) ? true: false, pager: ($(".bxslider li").length > 1) ? true: false, controls: false }); }); 

Answer 3

尝试

 var numImgs = $('div.myClassName img').length; if(numImgs>1) { \\Do your bxslider reload here } 

相反，您可以像下面一样使用Jquery Selector

 jQuery(".image").Length 

希望这可以帮助…

点击这里阅读选择器点击

Answer 4

 var numImgs = $('div.bxslider img').length; if (numImgs > 1) { $('.bxslider ').bxSlider({ controls: true, ... }); } 

Answer 5

这个解决方案适合我改变auto：true to

  auto: ($('#slidername').children().length < 2) ? false : true 

感谢https://github.com/stevenwanderski/bxslider-4/issues/607