Date : 18th September 2021

For all the latest browsers

Update : 18th November 2021

Click/tap the image or text to cycle through the slides

Information

NO jQuery/javascript.

This is another simple responsive slideshow that uses CSS variables to set up the slideshow size and transition speed.

This version just uses a flex box and 'order' to cycle through the images and does not need any changes to the stylesheet, except to update the variables, no matter how many images are in the slideshow. All that is necessary is to add the images and associated text into the html and increment the label and input information.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet.

A donation for the use of this slideshow would be appreciated.

Please consider making a donation, every little helps.