Я работаю над темой HTML5, которая использует Owl Carouse 1.3.2. Я хочу применить анимацию затухания при переходе изображения слайдера. Ниже мой код, и он отлично работает в Mozilla Browser, но браузер 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>
Пожалуйста, помогите мне, где я буду неправильно. Мне нужно срочно это исправить.
Заранее благодарен!
Попробуйте очистить кэш вашего браузера. Если это не помогает, попробуйте предоставить Fiddle – abaracedo
Определите «Это не работает». Любые ошибки в консоли? –
Ошибок нет. «Это не работает» - означает, что хром показывает анимацию влево-вправо, даже после определения fade в анимации. – AabidMulani