How to make slider change iages and repeat (carousel)

3 replies · opened Sep 20, 2019

TTuckerComstockSep 20, 2019

Using as my template event-single-full-width-slider.html.

How to I

(1) set image to rotate automatically after XXX seconds
(2) for LEFT-RIGHT arrows, how to eliminate gradual disappearance as page scrolls up?

I didn't find any scrip settings in page, so there must be defaults... where? How to change??

Thanks!

SSemicolon WebSTAFFSep 22, 2019

Hello,

  1. Simply set the data-autoplay="5000" Attribute on the .slider-element DIV. 5000 is 5 Seconds in milliseconds.

  2. Simply remove the .slider-parallax Class from the .slider-element DIV.

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.

TTuckerComstockSep 26, 2019

Me again,

See:
http://ser2019.serendipitycostarica.com/itins2.php - still not rotating:

I tried adding data-autoplay=”5000″ as follows:
<section id="slider" class="slider-element data-autoplay=”5000″ swiper_wrapper clearfix" style="height: 600px;">

As a newbie, not sure of my syntax or insert location of data-autoplay="5000"...
Overall question: Can this slider be used as a carousel, or do I have to change to a carousel?

SSemicolon WebSTAFFSep 27, 2019

Hello,

The codes you are using is incorrect, consider using the following code:

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