jQuery Image Magnify v1.11

[zil307]

I want to magnify other image than the source image for example in code
<img src="ocean.gif" class="magnify" style="width:200px; height:150px" />
i want that the showed image will be ocean.gif but then clicking on the image it will magnify me other image for example ocean1.gif, how I can do it?
the original script link is
http://www.dynamicdrive.com/dynamici...agemagnify.htm

[jscheuer1]

<div style="position:relative;">
<a href="#" rel="magnify[ocean]">
<img src="ocean.gif" style="cursor: url('magnify.cur'), -moz-zoom-in; width: 200px; height: 150px; border-width: 0" /></a>
<img id="ocean" style="visibility: hidden; position: absolute; top: 0; left: 0;" src="ocean1.gif" class="magnify" width=200 height=150 />
</div>

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.