This photo album was originally intended to show things one can do with Adobe Photoshop, and for sharing pictures with family and friends.
Recently, I've added code to allow users to pick one of two views to the photos. Part of the intent was to teach myself some more advanced CSS techniques.
The Brief View lists images in "cards" with some limited information and titles.
The Verbose View lists images contains all of the information that exists about the image.
This view does not work with Internet Explorer. It should work on Mozilla-based browsers and in Opera (although Opera glitches a bit.)
In this view, when you move your mouse over a card, it shows the meta-data for the image in a pop-up on the right side of the browser window.
This uses the :hover pseudo-selector in CSS 2.0, which I.E. only implements for the A tag.
Javascript is used in the links which toggle through views, and to handle the "View" cookie.
The code is essentially Paul Snowden's Style Switcher.
This cookie is used to "remember" which view the user selected, and apply that view to other album pages on this site. So if you select "Verbose View" and visit another page on this site, the "Verbose View" is also used on that page.
To make generating the HTML for these pages easier, I've written the input as XML, and generated HTML from the XML files. I use Perl to generate the "Top 20" list.
Most of these images have been tinkered with via Photoshop. Some of them have been simply color-corrected, but others have been greatly altered.