我正在开发一个使用 Owl Carouse 1.3.2 的 HTML5 主题.我想在 slider 图像转换时应用淡入淡出动画。下面是我的代码,它在 Mozilla 浏览器 中运行良好,但 Chrome 浏览器 仍然显示简单的左右动画。
jQuery(window).load(function() {
"use strict";
jQuery("#layout").owlCarousel({
pagination: false,
autoPlay: 4000,
slideSpeed: 600,
transitionStyle: "fade",
navigation: false,
singleItem: true
});
});
HTML代码:
<div id="layout" class="owl-carousel">
<div class="item"><img src="sliders/slider_1.png" alt=""></div>
<div class="item"><img src="sliders/slider_2.png" alt=""></div>
<div class="item"><img src="sliders/slider_3.png" alt=""></div>
<div class="item"><img src="sliders/slider_4.png" alt=""></div>
<div class="item"><img src="sliders/slider_5.png" alt=""></div>
</div>
</div>
我哪里错了?
最佳答案
关于 line 806 owl.carousel.js 的变化:
support3d = (asSupport !== null && asSupport.length === 1);
收件人:
support3d = (asSupport !== null && asSupport.length > 0);
有一个open bug在 GitHub 上为此。
关于javascript - Chrome 中未应用 Owl Carousel 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29374738/