bx slider:如果仅存在一个图像,如何禁用幻灯片放映

Question

我正在使用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

这有助于我:

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

Answer 2

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

// Get the quantity of images (add your code if you want an example)
var numberOfImages = ...;

if (numberOfImages > 1) {
    coverSlider.reloadSlider();
} else {
    coverSlider.destroySlider();
}