Carousel autoplay, how to make it scroll 4 items at once

1 reply · opened May 23, 2019

NnickdbrownMay 23, 2019

Hi, I have a 4 image carousel working calling Vimeo videos in a Lightbox. At the moment autoplay moves the carousel along one item at a time. I would like to it to wait 10 seconds, then move ALL 4 items off screen and bring in a new stack of 4 items, ideally with dots at the bottom to show which set of 4 items I'm looking at. Can you please explain how to do this? many thanks, Nick

Ps https://www.ebay.com have a 4 item scroller at the top of their main site - I'd like it to work like this but with a longer delay between scrolls.

SSemicolon WebSTAFFMay 23, 2019

Hello,

This is Definitely Possible!

Simply add the data-slideby="4" Attribute to the .carousel-widget Element to slide the Carousel by 4 Items and the data-autoplay="10000" Attribute to make it AutoPlay every 10 Seconds. For the Pagination make sure that the data-pagi="true" Attribute is set on the Carousel Element.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard