Geek Answers Handbook

Owl carousel slideSpeed ​​not working

I have a multi-currency carousel set up on my homepage. I have the first (one about free shipping) installed on slideSpeed ​​10000. As you can see all the slide changes at the same speed.

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

+6
source share
10 answers

Auto play is where you set the slide change speed. Not a slide show

+14
source

Please note that you must use

    autoplay:true,
    autoplayTimeout:5000

when using owlCarousel 2.0

+12
source 

$("#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
});
+10

. Owl Carousel 2, . , , , . , , , , OwlCarousel 2. Google, , , , , .

smartSpeed ​​ fade, , , animate.css , css3 , , .

<style type="text/css">
.my-parent-class .owl-carousel .owl-item {
    -webkit-animation-duration: 3s !important;
    animation-duration: 3s !important;
}
</style>

, . , .

$(".owl-carousel").owlCarousel({}) :

autoplay: true,
autoplayTimeout: 5000,

3s css3 5000 autoplayTimeout 2 - , 5 , css autoplayTimeout, autoplayTimeout: 8000 .

+4

, Owl Carousel beta 2.0.0 "smartSpeed: "

:

mbanner = $("#mainbanner").owlCarousel({
  items: 1,
  loop: true,
  autoplay: true,
  responsiveClass: true,
  center: true,
  center: true,
});
+2
jQuery('.owl-carousel').owlCarousel({

    loop:true,

    margin:10,

    dots: true,

    autoplay: 3000, // time for slides changes

    smartSpeed: 1000, // duration of change of 1 slide

    responsiveClass:true,

    responsive:{

        0:{

            items:1

        },

        600:{

            items:1

        },

        1000:{

            items:1,

            loop:true

        }

    }

});
+2

, , ...

<style type="text/css">
.owl-stage {
transition: 0.8s !important;
}
</style>

... .

+1

: ( autoplayTimeout )

                    jQuery(document).ready(function ($) {

                        var ocClients = $("#Slider");

                        ocClients.owlCarousel({
                            loop: true,
                            nav: false,
                            autoplay: true,
                            autoplayTimeout: 2000,
                            dots: false,
                            autoplayHoverPause: false,
                            responsive: {
                                0: {
                                    items: 1
                                },
                                480: {
                                    items: 3
                                },
                                768: {
                                    items: 4
                                },
                                992: {
                                    items: 5
                                },
                                1200: {
                                    items: 7
                                }
                            }
                        });

                    });
0

2.3.4 ,

autoplay:true,
autoplayTimeout:1000


// default settings:
autoplay:false
autoplayTimeout:5000

: https://owlcarousel2.imtqy.com/OwlCarousel2/demos/autoplay.html

0

, , autoPlay: 5000, 5 . autoPlay: 5 .

Please note the value is at any number, for example AutoPlayt: 10000, pause autozmynyuvannya for 10 seconds. As a rule, establish the value of "truth", the speed of autoanimation becomes 5 seconds.

-2
source

More articles:


All Articles