<html>
<head>
<title>Magic Magnify: Custom image</title>
<!-- link to magicmagnify/magicmagnify.js file -->
<script src="magicmagnify/magicmagnify.js" type="text/javascript"></script>
</head>
<body>
<p>Use any image you like as the magnifier!</p>
<div class="w50">
Custom image above magnifier.
<a href="images/shoe_large.jpg" class="MagicMagnify" rel="hide-cursor:true; magnifier-size:128px; lense-position:bottom; magnifier-border-width:0; magnifier-filter:false; lense-url:images/lense.png;lense-offset-x:-19px;lense-offset-y:-19px;"><img src="images/shoe_small.jpg"/></a><br/>
<a href="images/lense.png">Download lense image</a>
</div>
<div class="w50">
Custom PNG image with transparency under magnifier.
<a href="images/shoe_large.jpg" class="MagicMagnify" rel="hide-cursor:true; magnifier-size:132px; magnifier-border-width:0; lense-url:images/lense2.png;lense-offset-x:-8px;lense-offset-y:-6px;"><img src="images/shoe_small.jpg"/></a><br/>
<a href="images/lense2.png">Download lense image</a>
</div>
<div class="clear"> </div>
</body>
</html>