title: How to zoom in an image and center it?
body: <p>Any Idea how to zoom in a image on particular point using <code>javascript</code>, <code>css</code> ? I am using <code>webkit</code> based browser.</p>
  
  <p>I can zoom by specifying zoom property , like `elem.style.zoom="150%",
  Main problem is I cannot center the image where I want to zoom. 
  I can get the point where I want to zoom using <strong>mouseclick</strong>. </p>