Bxslider只显示最后一个图像时，设置无限循环为真

Question

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

根据这篇文章的一个解决方案，我已经尝试过了:

.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;就像禁用无限循环一样，所以不确定它是否适用于您