Pause Classic Slider

[INcroatia]

I’m using the Classic Slider element in Pro for a basic image slideshow. I’ve set it to automatically scroll through the images by toggling on the “slideshow” option. For accessibility reasons, I would like to have a play/pause button on the page that visitors can toggle to pause or continue the slideshow. Is there a simple solution for this?

I couldn’t find a simple solution so I decided to try with JavaScript. I added a button to the page that changes “slideshow” to “false” in the “data-x-params” attribute (pictured) but unfortunately that did not stop the slideshow from scrolling. Can you point me in the right direction? What parameter do I need to change to get the slideshow to stop moving?

[ruenel]

Hello Paper+Screen,

Thanks for writing in! Please enable “Next/Prev Navigation” as well as the “Control Navigation” in the classic slider element.

Hope this helps.

[INcroatia]

Hello @ruenel - Thanks for answering. I think I was getting some mixed results with the “Next/Prev Navigation” and the “Control Navigation” options, probably from tabbing through too quickly. Too clarify: If the user tabs down to the Next/Prev arrows or to the Control Navigation circles, the slideshow will pause and be under manual control until the page is reloaded?

[ruenel]

Hello Paper+Screen,

You may also need to enable the “Pause on Hover” option so that you can have manual control over the next and previous slide navigation.

Hope this helps.

[INcroatia]

Thanks @ruenel. I appreciate your replies!

[tristup]

Hi Paper+Screen

Glad that we are able to help you.

Thanks