Sunday, April 02, 2006

Pure-CSS Image Gallery

We’ve seen lots of Ajax image galleries and slideshows and, not surprisingly, they invariably make good use of Javascript. But Stu Nichols proves it doesn’t have to be that way - he’s built a functional image gallery in pure CSS (via Digg). His article points out it’s compatible with all the major browsers.

Just hover over the tabs to display a page of images. Hover over each image to see a 2x image and finally, on the Portraits and Landscapes, click the image to open a new window showing the 640 x 480 pixel version.

I am currently working on the MK.II version which, I hope, will allow the full size image to open in the same display area rather than a new window.