Comments on: CSS Photo Zoom

By: Rach

Rach — Sun, 20 Nov 2005 11:53:01 +0000

wow!! i like it.. where do i get the code?

By: Nagaraj

Nagaraj — Mon, 12 Sep 2005 07:56:27 +0000

I have the problem with the zoom of span tag in Netscape and Mozilla. As in IE, netscape/mozilla not supporting the Zoom functionality for

By: Patrick Carroll

Patrick Carroll — Fri, 02 Sep 2005 20:41:49 +0000

Great technique. I was already using the fast nav rollovers on our homepage, so when I was looking to create larger views of our products, I turned to the same technique and was glad to find this page. The reflow concerns addressed above are easily fixable. Just position your larger image absolutely, and arrange it from top and left based on the containing div. You get a great look, and don't screw up your page's style. Check out what I did here: http://www.harvardstudentagencies.com/shop/hsa_hbc_supplies_kits.aspx

By: Scott

Scott — Sat, 05 Feb 2005 22:35:36 +0000

Dan, thanks for the inspiration. I've made a practical, easy-to-use zoom that includes a caption. Pure-CSS & XHTML-valid. Have a look. It uses one image file (with one image in it) for both views. You specify only the width parameter (not height) and you can do it from within the HTML code. You'll also find a comparison of 7 zoom methods (yours included) with cut-n-paste CSS/HTML code.

By: Victor Tidona

Victor Tidona — Thu, 18 Nov 2004 17:05:18 +0000

Works in Opera 7.54 on Windows XP!

By: poolie

poolie — Wed, 01 Sep 2004 17:21:32 +0000

i like the idea, and thanks for the link stu ;)

By: Stu

Stu — Mon, 19 Jul 2004 15:39:17 +0000

Nice idea, but I find it better to retain the original and produce the magnified version over the top of the text.
This does not affect the flow of the page.
http://www.stunicholls.myby.co.uk/menu/magnify.html
and it works in IE.

By: Daynah

Daynah — Fri, 02 Jul 2004 03:33:38 +0000

Dan, I love this article! The CSS method reminds me of this other article I read at A List Apart. CSS is amazing. :)

By: Anonymous

Anonymous — Sat, 19 Jun 2004 09:48:49 +0000

Works fine in Safari!

By: Dante

Dante — Thu, 06 May 2004 05:04:35 +0000

Tested with Opera 7.23: works 100%.