Я работаю над темой HTML5, в которой используется Owl Carouse 1.3.2. Я хочу применить анимацию затухания при переходе изображения ползунка. Ниже приведен мой код, и он отлично работает в браузере 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>
Где я ошибаюсь?