Doing it with style
Taking the previous gallery one step further, this one does away with the need to use links and replaces them with the thumbnail images and now works on the iPad etc..
It also allows you to have a photograph title and caption beneath each image
As the large images and captions are not being loaded with the page, load times are greatly reduced. The large images and captions are only loaded when you click the thumbnail images.
Firefox, Opera, Safari, Chrome and Safari Mobile have a fade in of the large images and captions.
So click a thumbnail to fade in the large image, and mask the thumbnail images, then click anywhere in the browser window to return to the thumbnails.
As with the previous gallery you can also 'tab' forwards and backwards through the images by pressing the 'Tab' key (forwards) and 'Shift+Tab' keys (backwards).
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.