CODEWITHSUNDEEP
imagecarousel
Maciej S.
Maciej S.

Reputation: 1903

How to make slick carousel images repeat infinitely

I have 6 images inside my slick carousel. They take full width space of the screen but they don't repeat infinitely. To explain it further I mean that I want to use only 6 images and if they skip to the left overtime then they will appear from the right once again and again (They will keep repeating)

Upvotes: 1

Views: 4781

Answers (2)

Jacob john
Jacob john

Reputation: 1

in this fiddle the 'slidesToShow' is 6, so please make sure that your owl item is more than slidesToSwow count. So it will automatically working infinite loop option.

Please visit fiddle

Upvotes: 0

Kenny Wu
Kenny Wu

Reputation: 11

Are you using bootstrap by any chance? because it has a built in carousel that can infinitely slide. Check out their code and see if you can imitate their logic.

https://getbootstrap.com/examples/carousel/

Edit**

after looking further into it, does this help?

$('.multiple-items').slick({
  infinite: true,
});

referenced from: http://kenwheeler.github.io/slick/

I haven't used slick before, but I believe you can set its' infinite property to true. Let me know if that works!

Upvotes: 1

Related Questions