JUST CSS. NO JAVASCRIPT, JQUERY etc.

The HTML for this slideshow is just an empty set of divs. NO radio, checkboxes, labels, links, buttons, images.

<div class="slides">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

Following on from the previous demonstrations, this one uses a slightly different arrangement to have the buttons as thumbnail images and placed using CSS.

All the arrows, thumbnails and slide action are controlled using pseudo element. See Carousels with CSS

The slideshow is responsive, with the slide size reducing on smaller screens.

For Firefox and Safari (iOS) the slides can be scrolled left and right. Firefox uses the mousewheel while holding down the shift key.

So one of the simplest manual slideshows with everything controlled by CSS.