|
Magnifier shape
Buy now £29 Get support
Square magnifier.
Circle magnifier.
Inner magnifier.
Custom shape magnifier - star.
Custom shape magnifier - triangle.
Custom shape magnifier - hexagon.
<html>
<head>
<title>Magic Magnify: Magnifier shape</title>
<!-- link to magicmagnify/magicmagnify.js file -->
<script src="magicmagnify/magicmagnify.js" type="text/javascript"></script>
</head>
<body>
<div class="w50">
<p>Square magnifier.</p>
<a href="images/shoe_large.jpg" class="MagicMagnify" rel="magnifier:square;"><img src="images/shoe_small.jpg"/></a><br/>
</div>
<div class="w50">
<p>Circle magnifier.</p>
<a href="images/shoe_large1.jpg" class="MagicMagnify" rel="magnifier:circle;"><img src="images/shoe_small1.jpg"/></a><br/>
</div>
<div class="clear"> </div>
<div class="w50">
<p>Inner magnifier.</p>
<a href="images/shoe_large2.jpg" class="MagicMagnify" rel="magnifier:inner;"><img src="images/shoe_small2.jpg"/></a><br/>
</div>
<div class="w50">
<p>Custom shape magnifier - star.</p>
<a href="images/shoe_large.jpg" class="MagicMagnify" rel="magnifier:custom(0,0,25,75,105,75,40,120,65,200,0,150,-65,200,-40,120,-100,75,-40,75);"><img src="images/shoe_small.jpg"/></a>
</div>
<div class="clear"> </div>
<div class="w50">
<p>Custom shape magnifier - triangle.</p>
<a href="images/shoe_large1.jpg" class="MagicMagnify" rel="magnifier:custom(0,0,75,150,-75,150);"><img src="images/shoe_small1.jpg"/></a>
</div>
<div class="w50">
<p>Custom shape magnifier - hexagon.</p>
<a href="images/shoe_large2.jpg" class="MagicMagnify" rel="magnifier:custom(0,0,90,0,130,75,90,150,0,150,-40,75);"><img src="images/shoe_small2.jpg"/></a>
</div>
<div class="clear"> </div>
</body>
</html>
|