The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're
Updated 01-28-2015 at 01:43 PM by Beverleyh
My modal gallery has evolved and here come versions 4 and 5. Both now include pagination but version 5 is PHP generated to help with maintainability.
First, a recap on the gallery development so far;
Now, so far, this gallery has only
Updated 07-10-2014 at 11:49 AM by Beverleyh
This version of the gallery works a little more like how modern image galleries are expected to work (or rather, how users have learned to expect
The latest CSS-only offering is my attempt at an image gallery where image enlargements open in a modal window. It was inspired by a tutorial on modal popups and uses the :target selector in CSS to match the hash at the end of an URL with the id of a corresponding element.
The logic for this (taken from the modal popups tutorial) is that a hashed URL can be wrapped around a small thumb image, which matches the id of an image enlargement in a modal overlay div. When the hashed small
Updated 04-28-2014 at 12:39 PM by Beverleyh