CSSPLAY

CSS DEMOS › Holiday 2013 Photo Gallery

Date : 15th March 2013

For all modern browsers

This demo is too wide for your mobile screen.
Please view on a tablet or PC.

Information

Just returned from a three week holiday to New Zealand, Australia and Singapore with hundreds of photographs. So wanted to display a few on CSS play using a new gallery demo.

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 click a thumbnail to see it slide to the middle of the thumbnail bar and enlarge slightly, then the large image will expand into view beneath.

This demo uses :after and :content to display the large images so these images are only loaded when required, making for a shorter page load as it does not need to load all the large images.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.