Doing it with style
A very simple left/right slideshow with preview images and permanent image changes.
For IE9, IE10, IE10 touch screen, Firefox, Chrome, Safari, Opera, iPad etc. and also Android OS
IE9 has permanent image changes but no animation.
So hover the left or right arrows to see a thumbnail preview of the previous/next image then click the arrow to see the full size image.
To close the thumbnail image on the iPad etc just tap the large image, on other touch screen devices just tap anywhere on the page.
This one is so simple that you do not need to alter the stylesheet when adding extra images, just add the extra lines of code and the stylesheet stays the same.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.