Hello,
I have some pictures on my page that I want to add zooming functionality, that is, when a visitor clicks on an image, he will be able to zoom in and out on it.
Any ideas on how this can be done?
Printable View
Hello,
I have some pictures on my page that I want to add zooming functionality, that is, when a visitor clicks on an image, he will be able to zoom in and out on it.
Any ideas on how this can be done?
Have a look at this JavaScript link, you should find a lot of examples there :
http://javascript.internet.com/image-effects/
Hope you don't mind Hannes...
Depending on what type of zooming capability you are talking about, this may be impossible. You can make images grow and shrink with the onmouseover and onmouseout events, but if you want zooming like the Google Maps double-click. That is not possible without other factors.
EDIT: Added example below.
Code:<image src="http://www.google.com/intl/en/images/logo.gif" id="img1" onmouseover="this.style.width='400px';this.style.height='300px'" onmouseout="this.style.width='200px';this.style.height='100px'">
Moved thread.