Owl Carousel Transitions Effect Not Working After Chrome Latest Update (V36)

Question

i'm using the OWl carousel for a while everything were perfect but recently i faced a issue after my chrome browser update. The css transition effects are not working anymore on chrome.

But all effects working fine on firefox.

Anyone can help me..

Solution 1

I have found the Solution friends.

Here is that..

Replacing the below line of code

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

instead of

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

This Solved My Problem. Now CSS Transitions Working Fine on All Browsers.

Solution 2

In version 1.3.3 replace this:

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

in line 804 with this:

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

Then it should work out just fine!

Comments

[David Karlsson]

this line is not present in owl.carousel.js for the new version... Cant find a similar line...

[Karthikraja]

@David What Version you are using now. In new version (v1.3.3), Line No: 804.

[David Karlsson]

Version : 2.0 beta 2.4

[David Karlsson]

My misstake: forgot to import owl.animate.js and css

[Karthikraja]

@zlen Have you replaced the above code? I'm also using v1.3.3 and working fine...

[w3spi]

Yeah. But I replaced it handly. Î'll try by an other way this evening

[Karthikraja]

@zlen If you have a Demo Link pls give I'll check the problem