Using just CSS, no jQuery, javascript or any other programming language, this is an auto/manual slideshow wth pause/play.

The slideshow is responsive and will adjust the images to suit both landscape and portrait browser size.

The slideshow will stay full browser width and height.

The slideshow is auto run, but you can select the next image by click/tapping a square button at the bottom center of the slideshow. The slideshow will then continue from the selected image.

To pause the slideshow click/tap the pause icon at the top center of the image. To continue auto run, click/tap the play icon, or anywhere on the screen, or select another image. The slideshow will continue from the current, or newly selected image.

The slideshow will adjust to the screen size and always have 1/3 of the screen for each image section.

Each image section uses a full size image as the background image and adjusts the position depending on the screen width and height.

CSS Play has developed this method of producing auto/manual slideshows over the last 12 months.

If you want to use this slideshow in your website design please keep the copyright comment in the stylesheet and make a support donation using the PayPal button below. Every little helps in keeping this website going.