How to do image zoom out and zoom in with cursor attribute?

I have a scenario of opening an image in a new window. There i need to add zoom in and zoom out option for the images which are all big.

Here is one example. I want to know, how they are do开发者_开发知识库ing zoom in and zoom out.

Thanks!

It's just an image, there's no magic. Any zoom function you may see there is a feature of your browser.

if you want to do a "custom" zoom in/out, you could use some JS to set the zoom css prop i.e.:

http://www.jsfiddle.net/steweb/65FH5/