CSS play - CSS Light Box

This is a CSS Light Box that with a little bit of 'expression' can be made to work in IE6. Not as 'flash' as the javascript version but it does work with javascript off in all browsers (except IE6).

Just hover over any of the thumbnail images below to open a larger image which will be centered horizontally on the screen.

Hover over the white cross to close the large image and reveal the thumbnails again.

You can have as many thumbnail images as you like as long as they fit on the screen which has a height of 100%.

You can vary the number in a line and the size of the thumbnails.

In fact it is possible to have variable sized thumbnails.

Back to Demonstration Index

© 2009 - stu nicholls - cssplay.co.uk