我正在开发一个HTML5主题,该主题使用Owl Carouse 1.3.2。我想在滑块图像过渡时应用渐变动画。以下是我的代码,它在Mozilla浏览器中运行良好,但Chrome浏览器 HTML代码: 我哪里错了?jQuery(window).load(function() {
"use strict";
jQuery("#layout").owlCarousel({
pagination: false,
autoPlay: 4000,
slideSpeed: 600,
transitionStyle: "fade",
navigation: false,
singleItem: true
});
});
<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>
owl.carousel.js第806行更改:
support3d = (asSupport !== null && asSupport.length === 1);
收件人:
support3d = (asSupport !== null && asSupport.length > 0);
GitHub上有一个开放的bug。