image zooming

[ngo van hinh]

I have a webpage with an image and two buttons (zoomin and zoomout).
I want:
- When I click on zoomin, the cursor will change into zoomin cursor whenever it is over the image, and similarly when I click on zoomout, it will change into zoomout cursor whenever it is over the image.
- When the cursor is zoomin, if I click on the image, the image will be zoomed in for 10%, and similarly for zoomout.

Anyone can help me to write code for the above purpose?

Thanks in advance.

[Wizard13335]

Well, you could create a photo for each zoom, and then create code that allows the zoomed image to be displayed when the user clicks on the image. For the magnify cursor, you wouldn't be able to change the cursor to a magnify cursor (as far as i know), but you could use the crosshair or the resize cursors from this script (http://dynamicdrive.com/dynamicindex11/fcursor.htm).