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?
This code is brilliant but a bitch to get working: http://www.sephiroth.it/file_detail.php?id=131# Here's another one I had bookmarked: http://www.digitalbrochuredesign.com/image-zoom/
well, I have something coded in Javacript that seems to work. But it changes the dimensions of the picture, while I want it to zoom in depth and not change the initial dimensions. I have written: <html> <body> <img src="picture" width="86" height="37" onclick="this.width = this.width*2; this.height = this.height*2" id="image" /> <br /> <a href="java script:void(0);" onclick="document.getElementById('image').width = document.getElementById('image').width/2; document.getElementById('image').height = document.getElementById('image').height/2;">Zoom out</a> <br />Click on image to zoom in </body> </html> \