Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

owl carousel slideSpeed not working

I have multiple owl carousel set up on my home page. I have the first one (the one about free shipping) set to a slideSpeed of 10000. As you can see all the slide change at the same speed.

Is there a reason this doesn't work? Am i doing something wrong?

like image 961
danjfoley Avatar asked Oct 18 '14 18:10

danjfoley


People also ask

How do I lower the speed of owl carousel?

One thing I should note, I had content inside my owl-item that was set to position: absolute with a z-index of 1 . That was causing the positioned content to pop in right away with no fade. I removed the z-index and that fully solved my issues. This solution helped me slow down the transition duration..

How do you make an owl carousel responsive?

Setting of the responsive is very simple. Structure of responsive option: responsive : { // breakpoint from 0 up 0 : { option1 : value, option2 : value, ... }, // breakpoint from 480 up 480 : { option1 : value, option2 : value, ... }, // breakpoint from 768 up 768 : { option1 : value, option2 : value, ... } }


2 Answers

Just set time to autoPlay option

$("#slider").owlCarousel({
    autoPlay: 2500,
    //autoPlay: true, <-- if you want to set default slide time (5000)

    slideSpeed: 300,
    paginationSpeed: 500,
    singleItem: true,
    navigation: true,
    scrollPerPage: true
});
like image 167
Azamat Mirvosiqov Avatar answered Oct 04 '22 04:10

Azamat Mirvosiqov


Please note that you have to use

autoplay:true,
autoplayTimeout:5000 

when using owlCarousel 2.0

like image 42
neoMagic Avatar answered Oct 04 '22 05:10

neoMagic