bxslider 仅在将无限循环设置为 true 时显示最后一张图片

Question

我使用 bxslider-wp 插件，一切正常，除非我想打开无限循环选项。然后幻灯片显示几毫秒，然后消失在最后一张幻灯片的克隆后面。我不知道为什么。

根据this post的解决方案我已经试过了：

.bx-clone{
   display: none !important;
}

并添加以下内容：

onSliderLoad: function() {
      $(".bx-wrapper").css(
         "-webkit-transform", 
         "translate3d(-950px, 0, 0) !important"
      );
    }

到插件的initialize.min.js 和initialize.js 文件。但这没有帮助。任何人都知道如何解决这个问题？不幸的是，我不允许向该网站展示该错误，因此对于缺少代码感到抱歉...

Answer 1

bxslider 中的无限循环存在错误。您可以尝试在调用滑块时添加选项useCSS:false 吗？像这样：

$('.bxslider').bxSlider({
  useCSS:false
//more options here
});

这告诉 bxslider 禁用硬件加速并使用 jquery 的 animate() 的动画来制作动画。祝你好运，让我知道。

顺便说一句，bx-clone 上的 display:none; 就像禁用无限循环一样，所以不确定它是否适合你。