Just CSS. Absolutely NO jQuery/javascript or any other programming language.

An update to the previous slideshow to allow landscape and portrait images to be used, and also to give a thumbnail image on hovering the buttons.

This is an auto run slideshow with wrap around, in which you can also select any slide manually by click/tap of the buttons along the bottom of the slideshow.

The slideshow will then continue from the selected slide.

You can also click the 'PAUSE' button to stop the auto play and then select any slide. Then click the 'PLAY' button to switch back to auto run from the selected slide.

Finally, hovering any slide will slide down an information panel.

The slideshow can be used for any number of images using CSS variables to set the parameters and just a couple of easy manual @keyfames calculations.

This is all achieved with minimal CSS and very basic HTML.

The stylesheet for this demonstration is in the page head, but if you use this, please keep my copyright comment with the stylesheet and make a donation to support my work on CSS Play.