I am working around this script and I found that it doesn't work very good with iframes.
I have an image 50x50pixels in iframe with 200x2000 pixels. The image mignifies in the middle of the iframe instead of in the middle of the screen.
Does any one know how to make the script to work in iframe?
Example:

file 1
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<iframe title="demo" frameborder="0" width="200" vspace="0" hspace="0" marginwidth="0" marginheight="0" height="2000" src="page_2.htm"></iframe>
</html>

file 2
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.magnifier.js"></script>
<body>
<img src="ocean.gif" class="magnify" style="width:50px; height:50px" />
</body>
</html>