<html>
<head>
<title>Magic Zoom Plus: Custom zoom position</title>
<!-- link to magiczoomplus.css file -->
<link href="magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- link to magiczoomplus.js file -->
<script src="magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
</head>
<body>
<p>The zoom window can be placed anywhere on your page</p>
<!-- define Magic Zoom Plus -->
<a href="images/harley1c.jpg" class="MagicZoomPlus" id="zoom" rel="zoom-position: custom; zoom-width: 178px; zoom-height:430px;"><img src="images/harley1b.jpg"/></a><br/>
<div id="zoom-big" style="position: absolute; left: 20px; top: 242px"></div>
</body>
</html>