I am using an OWL Carousel for my slider.
What I am trying to do is slide 2 items when next previous is clicked.
So its sliding to every second item still showing the second item during the transmission.
I have tried to work it out with CSS but no success.
Here is my basic setup
$("#owl-demo").owlCarousel({
navigation : true, // Show next and prev buttons
slideSpeed : 600,
paginationSpeed : 400,
singleItem:true,
// "singleItem:true" is a shortcut for:
// items : 2
// itemsDesktop : false,
// itemsDesktopSmall : false,
// itemsTablet: false,
// itemsMobile : false
});
Any help much appreciated.
Thanks in advance.
Don't change plugin code, you just need to intialize carousel with slideBy option as mentioned below.
//Initialize Plugin
$(".owl-carousel").owlCarousel(
{
slideBy: 4
}
);