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.

 
  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Magnifier shape</title>
  4.        
  5.         <!-- link to magicmagnify/magicmagnify.js file -->
  6.         <script src="magicmagnify/magicmagnify.js" type="text/javascript"></script>
  7.        
  8.     </head>
  9.     <body>
  10.        
  11.         <div class="w50">
  12.             <p>Square magnifier.</p>
  13.             <a href="images/shoe_large.jpg" class="MagicMagnify" rel="magnifier:square;"><img src="images/shoe_small.jpg"/></a><br/>
  14.         </div>
  15.         <div class="w50">
  16.             <p>Circle magnifier.</p>
  17.             <a href="images/shoe_large1.jpg" class="MagicMagnify" rel="magnifier:circle;"><img src="images/shoe_small1.jpg"/></a><br/>
  18.         </div>
  19.         <div class="clear">&nbsp;</div>
  20.         <div class="w50">
  21.             <p>Inner magnifier.</p>
  22.             <a href="images/shoe_large2.jpg" class="MagicMagnify" rel="magnifier:inner;"><img src="images/shoe_small2.jpg"/></a><br/>
  23.         </div>
  24.         <div class="w50">
  25.             <p>Custom shape magnifier - star.</p>
  26.             <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>
  27.         </div>
  28.         <div class="clear">&nbsp;</div>
  29.         <div class="w50">
  30.             <p>Custom shape magnifier - triangle.</p>
  31.             <a href="images/shoe_large1.jpg" class="MagicMagnify" rel="magnifier:custom(0,0,75,150,-75,150);"><img src="images/shoe_small1.jpg"/></a>
  32.         </div>
  33.         <div class="w50">
  34.             <p>Custom shape magnifier - hexagon.</p>
  35.             <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>
  36.         </div>
  37.         <div class="clear">&nbsp;</div>
  38.        
  39.     </body>
  40. </html>