OwlCarousel与褪色过渡幻灯片在Safari浏览器

OwlCarousel with Fade Transition Slides in Safari Browser

本文关键字：Safari 浏览器 幻灯片 褪色 OwlCarousel      更新时间：2023-09-26

我正在使用一个插件:Owl Carousel

下面是我使用的设置代码:

$("#owl-demo").owlCarousel({
navigation : true, // Show next and prev buttons
autoPlay : 5000,
singleItem:true,
transitionStyle : "fade"     
});

它在Opera, Firefox和Chrome中使用"fade"过渡，但在Safari中不使用。有没有人遇到过这种情况，并找到了一个原因和方法来解决它?

change line 804 for owl.carousel.js:

support3d = (asSupport !== null && asSupport.length === 1);


support3d = (asSupport !== null && asSupport.length > 0);
示例

在我的例子中，我也有这样的CSS:

* {     transition:all .2s linear;      -o-transition:all .2s linear;     -moz-transition:all .2s linear;     -webkit-transition:all .2s linear;}

所以除了Dmitriy的解决方案，我只需要加上

 #owl-demo *  {   transition: none;     -o-transition:none;     -moz-transition:none;     -webkit-transition:none;      }
相关文章：