1 HTML Trick

Explorer's ZOOM styling

[brotherhood of LAN]

I remember a page that offered a neat trick, but cant remember where it is

Basically, you have a gif/jpeg, and when you hover over the gif/jpeg, you get a zoom in via another box on the page.

I was thinking of using something like this for a huge photograph (family photos), so that people can hover over the "thumbnail" type photograph, and see the bigger picture elsewhere

I know its something simple but does anyone have the HTML or a URL to do this???

It would make my day, unless google gives me PR10

Thanks

[bufferzone]

I think you must be talking about mouseover effects, tru doing a search on that

[rcjordan]

here's one version
[the5k.org...]

toolman once showed me a different one, more like the one you described with the magnified section in a window.

[avyworld]

Try this:

<img src="myimg.jpg" onmouseover="document.getElementById('zoomin').style.zoom='60%';" />
<br /><img id="zoomin" src="myimg.jpg" />

Hope that helps!

Happy coding! :)

[brotherhood of LAN]

Thanks for the replies so far...I think its a pretty neat tool that can be used in a variety of good and un-annoying ways...ill have to flag this and check back!

>happy coding

ciml, the moderator in the google forum kindly pointed me towards pythyon....im just reading the documentation and readme now :)

[Rhys]

I've got this effect on my map page. If you go to my home page and follow the links to map page/street map and directory/street map there is a draggable box that focuses an enlarged view in an adjoining window. I.E., you drag the little frame on a small map and the big window shows the enlarged detail as you drag. It would be ideal for a very big group photo