If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Reset zoom position when a new image is loaded in div

The page I am creating currently has an image inside a div, and both are set to 700 x 525px. There are a set of links underneath this image div that, when a new link is clicked, the image in the div changes. (Hence, it works like a gallery).

I also have a zooming effect on the image div, so that when the user clicks on the plus/minus symbols, or scrolls with their mouse, they zoom into the image until they reach the full size: 2000 x 1500px.

My issue is this: when a new link is clicked, and the image in the div is changed, the zoom remains "zoomed in". It doesn't reset back to 700x525px. It stays at whatever the previous image was zoomed in at. I am trying to make the zoom reset to completely zoomed out when a new image is loaded in the div.

Anyone have any ideas? Any help would be greatly appreciated as I am a Javascript and JQuery newbie.