JUST CSS. NO JAVASCRIPT, JQUERY etc. and just for fun.

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

<div class="cssplay">
  <div></div>
  <div></div>
  <div></div>
  <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 images and thumbnail images on a 3 x 3 grid.

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.

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