Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Cloned items in owl carousel

Tags:

owl-carousel

While building the carousel I realized that an owl add's cloned duplicate items. My owl config looks like this. How do i stop this from happening.

owlDfe.owlCarousel({             loop: false,                         autoWidth:false,                         nav:false,                         responsiveClass:true,                         responsive:{                             0:{                                 items:sizes.mobile_portrait                             },                             568:{                               items:sizes.mobile_landscape                             },                             768:{                               items:sizes.ipad                             },                             800:{                                 items:sizes.desktop                             },                             1000:{                                 items:sizes.desktop,                             }                         }           });

owl carousel

like image 799
Rajat banerjee Avatar asked Oct 14 '15 07:10

Rajat banerjee


2 Answers

I had this issue - I found that setting the loop option to false resolved it for me.

like image 198
Dan Temple Avatar answered Sep 25 '22 18:09

Dan Temple


So, I've been banging my head over this cloning issue with passing click events to the cloned slide....

what finally solved it for me is to set these two config values:

loop: false,  rewind: true 

This will allow the carousel to still loop around but not duplicate slides.

like image 37
Crystal Avatar answered Sep 25 '22 18:09

Crystal