CODEWITHSUNDEEP
jqueryowl-carousel
Nina Morena
Nina Morena

Reputation: 255

Owl Carousel AutoPlayTimeout Does Not Scroll Smoothly

I'm having a bit of an issue getting the autoplayTimeout to scroll smoothly on the page. It stops after it loads the first 5 images and scrolls the next one in and it is very jerky. You can see an example here at the bottom of the page .

Here are my settings within the javascript:

<script type="text/javascript">
        $(document).ready(function() {
            $("#owl-demo").owlCarousel({
                autoplay: true,     
                items: 5,
                autoplayHoverPause: true,
                autoplayTimeout: 10,
                autoplaySpeed: 1000,
                fluidSpeed:true,
                itemsDesktop : [1199,3],
                itemsDesktopSmall: [979,3],
                itemsMobile: [479,1],
                navigation: false,
                dots: false,
                loop: true
                });

        });

    </script>

I'm not sure if I'm using the right combination of settings.

Upvotes: 5

Views: 20449

Answers (2)

Sandeep Kamra
Sandeep Kamra

Reputation: 81

jQuery('.owl-carousel').owlCarousel({
            items:3,
            autoplay: true,
            slideTransition: 'linear',
            autoplayTimeout: 6000,
            autoplaySpeed: 6000,
        });

I'm using this code for my own carousel to make carousel smooth. Note: you have to define both autoplayTimeout and autoplaySpeed value should be same otherwise it will jerk when first slide is coming from the last slide.

Upvotes: 7

Shiyas Pathiyassery
Shiyas Pathiyassery

Reputation: 49

Using smartSpeed property :

$("#owl-demo").owlCarousel({ autoplay: true, smartSpeed: 2500 });

Upvotes: 4

Related Questions