View Full Version : Enlarge Multiple Images on Mouseover? Is is possible?

02-13-2006, 04:56 PM
Hi all!

I'm very very new at this but was hoping someone could please help me.

I am building a webpage where I want images which I've got in a table to enlarge when a user mouses over them. So I found this great script, which is just dandy for the FIRST image:

The script that works great for the first image on my page is: <img src="images/Products/extremecleannew.jpg" width=41 height=52 onmouseover="this.style.zoom='1000%'" onmouseout="this.style.zoom='normal'">

So I do the same thing on the next image and it doesn't work! Am I missing something here or is is not supposed to work if you have more than one image on a page?

Thanks in advance for any help to this newbie.

02-15-2006, 02:44 PM
Hi.. another way is to have a blank image in a layer/cell and swap images.

Look at this link for an idea...

http://www.davidgrantrealestate.co.za/cu.htm or
http://www.cherrycreektrading.co.za/graphic.htm (scroll down and hit link sample graphics)

02-15-2006, 03:32 PM
style.zoom is IE-only. Don't use it. The common method is to make the image element bigger or to put the image in another, larger, image element.