Different images when Zoom In and Zoom Out

Question

I wanted a zoom functionality where in when i doublclick on an image it should go inside the image

For Eg: I have an image of a bike.. If i double click on the tyre, it should show the tyre.. And if I double click on the tube of the tyre, it should show the tube..

I'm basically using this to display the parts and its price in my website. Something like a Catalogue.

Is this possible only in Flash?? Or is there any framework that i can use to do this??

Can we do this using css3??

Answer 1

you can do that with jquery

See 28 jQuery Zoom Plugins Creating Stunning Image Effects

http://www.tripwiremagazine.com/2011/10/jquery-zoom.html

http://www.tripwiremagazine.com/2011/10/jquery-image-zoom.html

You can pick the one you like