owlcarousel 循环，新循环中的第一个图像出现延迟

Question

我在我的 wordpress 网站上使用 http://www.owlcarousel.owlgraphic.com/。

幻灯片由图像和文本组成。

$(".owl-carousel").owlCarousel({
   items:3,
loop:true,
margin:10,
autoplay:true,
autoplaySpeed:1000,
autoplayHoverPause:true

})

一切正常，但是当新外观开始时，第一张图片出现了一小段延迟。

Answer 1

我有同样的问题，如果你使用 chrome 可能是：

-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;

在 上设置。owl-carousel .owl-item " in owl.carousel.css

当我评论说出来时，延迟停止了。

Answer 2

我修复了它覆盖 owl-hidden class 并将不透明度设置为 1，就像这样：

.owl-carousel.owl-hidden {
    opacity: 1;
}