Owl Carousel fade effect not working

javascript jquery owl-carousel
Zubzob picture Zubzob · Jul 23, 2014 · Viewed 34.2k times · Source

I'm trying to apply the fade effect on a Owl Carousel but it does not seem to work.

As you can see in this fiddle - http://jsfiddle.net/lav911/fHa6J/ , I'm loading the transitions.css file mentioned in their docs.

Am I missing something? Why does it slide instead of fading ? Also, notice the fade does not work even on their site.

Later edit: It seems to fade on Google Chrome 35 and Firefox, but on Google Chrome 36 it will slide. Strange.

Answer

Zubzob picture Zubzob · Jul 23, 2014

It was reported apparently on the plugin's github repo - https://github.com/OwlFonk/OwlCarousel/issues/346

Simply using this version of the plugin (pull-request) fixed it.

Related questions

How to use owl carousel vertically?

I did not want to take the plugin code so I was wondering if someone had already managed to use plugin vertically. It's a shame on the part of this plugin can be used horizontally. Sorry for langage...

Read More
Slide 2 items in OWL Carousel

I am using an OWL Carousel for my slider. What I am trying to do is slide 2 items when next previous is clicked. So its sliding to every second item still showing the second item during the transmission. I have …

Read More
Owl Carousel Outer Arrow Navigation

I'm trying to implement the Owl Carousel with Lazyload images for a portfolio site and am having issues with positioning my navigation buttons. Ideally i'd like to add these on the outside of the carousel positioned halfway up the image. …

Read More