Magnifier effect

Buy now  £29 Get support

Fade effect (the default).

Pulse effect.

 
  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Magnifier effect</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>Fade effect (the default).</p>
  13.             <a href="images/shoe_large.jpg" class="MagicMagnify" rel="magnifier-effect:fade;"><img src="images/shoe_small.jpg"/></a>
  14.         </div>
  15.         <div class="w50">
  16.             <p>Pulse effect.</p>
  17.             <a href="images/shoe_large.jpg" class="MagicMagnify" rel="magnifier-effect:pulse;"><img src="images/shoe_small.jpg"/></a>
  18.         </div>
  19.         <div class="clear">&nbsp;</div>
  20.        
  21.     </body>
  22. </html>