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);
});
Related videos on Youtube
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, 2021Comments
-
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.