2015-03-31 2 views
1

Я работаю над темой 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> 

Пожалуйста, помогите мне, где я буду неправильно. Мне нужно срочно это исправить.

Заранее благодарен!

+0

Попробуйте очистить кэш вашего браузера. Если это не помогает, попробуйте предоставить Fiddle – abaracedo

+0

Определите «Это не работает». Любые ошибки в консоли? –

+0

Ошибок нет. «Это не работает» - означает, что хром показывает анимацию влево-вправо, даже после определения fade в анимации. – AabidMulani

ответ

2

На line 806 из owl.carousel.js изменения:

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

To:

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

Существует open bug для этого на GitHub.