Photo-Caption Zoom v3
Effect, Image October 18th, 2007
Images in this article utilize the newest, third version of a pure-CSS image zooming technique I’ve named “Photo-caption Zoom” ( or PZ3 ).๏ฟฝ๏ฟฝ When you move your mouse over an image, it will ‘zoom’ to reveal a larger image with a caption.๏ฟฝ๏ฟฝ There are a variety of pure-CSS image zooming methods, but this was the first to combine an image with a caption.๏ฟฝ๏ฟฝ It saves page real estate, it looks nice and this third version is more robust and easier to use than ever.
Although the end results of PZ3 appear identical to the๏ฟฝ๏ฟฝ last version (PZ2), the underlying CSS methodology is completely different!๏ฟฝ๏ฟฝ PZ3 offers significant improvements over PZ2 and does it with nearly 70% less code.๏ฟฝ๏ฟฝ It does more, with a lot less!
PZ3 satisfies most everything on my original wish list for a photo-caption solution.๏ฟฝ๏ฟฝ This version is the culmination of over a year’s-worth of trial & error, of CSS/XHTML learning & experimentation and of countless hours searching the Internet for existing solutions.๏ฟฝ๏ฟฝ The results of PZ3 speak for themselves.
http://randsco.com/index.php/2006/04/10/photo_caption_zoom_version_3