How to start carousel other then first item on page loading

20,063

Solution 1

in own carousel-2:

owl.owlCarousel({
    startPosition: 2
});

Solution 2

There's jumptTo method on it, you can call it right after creating the own carousel :

$(document).ready(function() {

    var owl = $("#owl-demo").owlCarousel({

        autoPlay: 3000, //Set AutoPlay to 3 seconds

        items : 4,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [979,3]

    });

    // Now move the carousel to the third item.
    owl = $("#owl-demo").data('owlCarousel');
    owl.jumpTo(3);
});
Share:
20,063

Related videos on Youtube

Ammar Hayder Khan
Author by

Ammar Hayder Khan

My name is Ammar Khan. I am a Full-Stack developer from Pune(India), skilled in AngularJS 1/2/4, React/Redux, NodeJS(Express), MongoDB, MySQL, and PHP(CodeIgniter). I have around 10 years of experience in Web development. I have started my carrier with LAMP/WAMP stack and now I am working mainly on JS from the last 5 years.

Updated on April 20, 2021

Comments

  • Ammar Hayder Khan
    Ammar Hayder Khan almost 3 years

    In certain case i want to start the owl carousel from >3 item i.e carousel by defult shows item from 3rd number.. i have seen the documentation their is no such customization option available.How i can achieve this.