Search code examples
jqueryowl-carousel

Owl carousel infinite loop

What i am trying to achieve is to make my owl carousel infinite loop. after the last image slider revert to first image from right to left but i want my images not to revert back it mean after last image the first image will be came from left to right.

here is my code 

$(document).ready(function() {
         $('.five').owlCarousel({
loop:true,
margin:10,
autoPlay:true,
nav:true,
rewindNav:false,
responsive:{
    0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:4
    }
}
  })
    });
Solution

  • When you use responsive class it always overwrite the top options.
    So all you need is to add loop option to your responsive items. 

    responsive:{
  0:{
    items:1,
    loop:true
  },
  600:{
    items:3,
    loop:true
  },
  1000:{
    items:4,
    loop:true
  }
}