A
A
Alexander Bykovsky2018-09-16 14:24:31
JavaScript
Alexander Bykovsky, 2018-09-16 14:24:31

OwlCarousel2. How to remove time delay between multiple sliders?

Good afternoon.
There are 6 sliders on the page, of the same class .mp-service. The following code is responsible for output and operation

$(document).ready(function(){
    $(".mp-service").owlCarousel({
        margin: 0,
        items: 1,
        nav: false,
        dots: false,
        loop: true,
        autoplay:true,
        autoplayTimeout:2500,
        autoplayHoverPause:false,
});


Carousels "spin" - there are no problems here. But there is an unpleasant moment: some desynchronization is visible. While the first slider starts working after 2500 ms, the rest "dull and get like a domino effect". I have highlighted these in the pictures.
5b9e3d1eae0c1561961918.jpeg

5b9e3f026448a216716285.jpeg

Is it possible to get rid of this or look towards other solutions for sliders?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question