How to zoom in an image and center it?

Question

Any Idea how to zoom in a image on particular point using javascript, css ? I am using webkit based browser.

I can zoom by spe

Answer 1

In following code, the image is amplified at the mouse click point - the image is amplified, but the point where you clicked remains under your mouse cursor, and the size of the frame remains the same. Right-click to go back to original display ratio.

    
    

    

    

    


    Zoom