NO jQuery/javascript.

Similar to the previous simple responsive slideshow that uses CSS variables to set up the slideshow size and transition speed, this has the addition of buttons that can be used to go directly to that slide. It does this without having to go through all the slides between the current slide and the new slide.

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 and any additional button clicked highlight styles, 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, button 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.