猫头鹰旋转木马淡化效果不起作用

时间:2014-07-23 13:12:37

标签: javascript jquery owl-carousel

我试图将淡化效果应用于猫头鹰旋转木马,但它似乎不起作用。

正如您在这个小提琴中看到的那样 - http://jsfiddle.net/lav911/fHa6J/,我正在加载docs中提到的transitions.css文件。

我错过了什么吗?为什么它会滑动而不是褪色?另外,请注意淡入淡出甚至在他们的网站上也不起作用。

稍后修改:它似乎在Google Chrome 35和Firefox上淡出,但在Google Chrome 36上它会滑落。奇怪。

5 个答案:

答案 0 :(得分:14)

显然是在插件的github回购中报道的 - https://github.com/OwlFonk/OwlCarousel/issues/346

只需使用此version of the plugin(拉取请求)修复它。

答案 1 :(得分:8)

问题是owl插件在不支持CSS转换的浏览器中包含IE10和11。因此,您可以将owl carousel与Modernizr结合使用,并替换" support3d"变量:

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

support3d = (Modernizr.csstransforms3d);

似乎解决了它! :)

答案 2 :(得分:5)

由于chrome现在都支持-webkit-transform和transform属性,因此owl代码失败,因为如果返回的数组(转换样式)等于1,则3dsupport检测仅返回true,只需更改此行: / p>

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

到这一行:

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

它应该有用;)

答案 3 :(得分:3)

更改

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

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

https://github.com/OwlFonk/OwlCarousel/issues/515

答案 4 :(得分:1)

从更新1.3.2开始,所有转换样式都从主owl.carousel.css文件移出到owl.transitions.css

将owl.transitions.css链接到您的头脑中或将其导入您的CSS。