Magnifier simulate

Buy now  £29 Get support

There is no large image in this example. The magnification is created by scaling the small image by 200%.

We don't recommend this approach, but if you don't have large images and want to create a magnify effect, this is the solution.

  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Magnifier simulate</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.        
  12.         <p>There is no large image in this example. The magnification is created by scaling the small image by 200%.</p>
  13.         <p>We don't recommend this approach, but if you don't have large images and want to create a magnify effect, this is the solution.</p>
  14.        
  15.         <!-- define Magic Magnify -->
  16.         <a href="#" class="MagicMagnify" rel="magnifier-simulate:200%;"><img src="images/shoe_small.jpg"/></a>
  17.        
  18.  
  19.  
  20.        
  21.     </body>
  22. </html>