Mobile Friendly Website


Doing it with style

CSS DEMOSCSS3 - Clickbox - Gallery

Date : 23rd February 2010

For all modern browsers

Click the link below for the Clickbox Gallery

Clickbox Gallery CLOSE


A new version of the clickbox image viewer, this time converted to have a series of images viewed using 'Previous' and 'Next' buttons that popup when hovering the images.

This makes use of the adjacent sibling selector (+) so will not work in IE6.
IE7 does not quite make it and IE8 is a little temperamental but does work. All other latest release browsers can display this correctly.

The image sizes have been chosen so that they display fully on wide screen laptops.

Because it uses a fixed position div for the gallery it does not jump about when selecting the previous and next images, although Safari, Chrome and Opera will shift the background page when clicking through the gallery images.

SeaMonkey and Flock browsers were check using the Multi-Browser Viewer.

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} 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.


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.


Facebook Twitter rss feed Facebook Fan Page