Date : 2nd December 2021

For all the latest browsers

Click/Tap arrows to loop through slides

KingfisherMandrillGreylag geeseSquirrelField mouse

Information

Absolutely NO jQuery/javascript or any other programming language.

The previous 'looping' slideshow was very complex and used a flex-box with changes in order and size of the flex-box elements and keyframes to animate the slideshow.

This had one main problem in that it could not be used for landscape and portrait images in the same slideshow.

So I have been working on this and have found a way to use a flex-box without using order or size changes. This also reduces the stylesheet size and only requires the same number of radio inputs as slideshow images, and is easy to adapt for any number of images.

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.