CODEWITHSUNDEEP
javascriptjquerycsshtmlowl-carousel
AabidMulani
AabidMulani

Reputation: 2325

Owl carousel animation not applied in Chrome

I am working on an HTML5 theme which uses the Owl Carouse 1.3.2. I want to apply the fade animation while transition of the slider image. Below is my code and it is working fine in Mozilla Browser, but the Chrome browser still shows the simple left-right animation. 

jQuery(window).load(function() {
    "use strict";
    jQuery("#layout").owlCarousel({
        pagination: false,
        autoPlay: 4000,
        slideSpeed: 600,
        transitionStyle: "fade",
        navigation: false,
        singleItem: true
    });
});

HTML Code:

<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>

Where am I going wrong?

Upvotes: 1

Views: 1393

Answers (1)

Michael Doye
Michael Doye

Reputation: 8171

On line 806 of owl.carousel.js change:

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

To:

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

There is an open bug for this on GitHub.

Upvotes: 2

Related Questions