JavaScript: Zooming & focusing in on an image

I've been trying to find a good JavaScript solution for the following problem, but haven't had any luck yet.

I have a series of images arranged in a table on a page. I would like for a user to be able to click on an individual image, and first focus/center the browser on that image, secondly zoom in.

So an exampl开发者_运维技巧e of the html would be something like

   <table>
     <tr>
      <td>img</td>
      <td>img</td>
      <td>img</td>
     </tr>
     <tr>
      <td>img</td>
      <td>img</td>
     </tr>
    </table>

---

There are any number of lightbox scripts available.

Most notably this one.

http://leandrovieira.com/projects/jquery/lightbox/

---

There is a good write up on css-tricks about a plugin called the AnythingZoomer works very well in my early testing.

Might give that a shot.