How to do smooth automated zooming in on an image using Jquery?

On the front page of our site using flash I have built a smooth zooming in to the image as you can see, where the fo开发者_如何学JAVAcal point moves in and then stops after a few seconds. I am wondering if there is a way to do this in JavaScript (ideally JQuery), as I would like to implement it later in the site but without flash...

Thanks in advance for any help!

Cheers, Shadi

Yes, there are many jQuery plugins that do this, and some do a lot more. I did a google search for "jquery zoom image" and this is the first thing that showed up that seemed to do the job:

http://www.eyecon.ro/zoomimage/

The other basic concept is using jQuery's animate() function that can make you animate the change in width and height. You would have to have a container over the image that has the CSS property overflow: hidden. This would allow you to expand the image to whatever dimensions you want.