So this is my take on the functionality of this slide show using nothing but CSS.
For IE9, IE10, IE10 touch screen, Firefox, Chrome, Safari, Opera, iPad etc. and also Android OS
IE9 has permanent image changes but no animation. and Safari has a problem with the circular image enlarging. Best viewed in Firefox.
So hover the left or right arrows to see a preview of the previous/next image, then clci this 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.
As with the previous demo you do not need to alter the stylesheet when adding more images, just add the extra code to the html.
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.