A 'Two Step' CSS Photograph Gallery | WebReference

A 'Two Step' CSS Photograph Gallery

A 'Two Step' CSS Photograph Gallery

Styled with CSS only

by Stu Nicholls

Instructions

  1. Hover your mouse over the outer thumbnail images for a half size photo
  2. Click your mouse to enlarge the half size image to full size.

The 'clicked' full size image will remain in the gallery until you select another 'clicked' image or click again outside of the gallery.

Opera and Safari require the mouse click to be held for the full size image.