Custom image

Buy now  £29 Get support

Use any image you like as the magnifier!

Custom image above magnifier.
Download lense image
Custom PNG image with transparency under magnifier.
Download lense image
 
  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Custom image</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.         <p>Use any image you like as the magnifier!</p>
  12.         <div class="w50">
  13.             Custom image above magnifier.
  14.             <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/>
  15.             <a href="images/lense.png">Download lense image</a>
  16.         </div>
  17.         <div class="w50">
  18.             Custom PNG image with transparency under magnifier.
  19.             <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/>
  20.             <a href="images/lense2.png">Download lense image</a>
  21.         </div>
  22.         <div class="clear">&nbsp;</div>
  23.        
  24.     </body>
  25. </html>