Basic Example

  1. <html>
  2.     <head>
  3.         <title>Magic Zoom Plus: Basic Example</title>
  4.        
  5.         <!-- link to mzp-packed.js file -->
  6.         <script src="mzp-packed.js" type="text/javascript"></script>
  7.         <!-- link to magiczoomplus.css file -->
  8.         <link href="magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
  9.        
  10.     </head>
  11.     <body>
  12.        
  13.         <!-- define Magic Zoom Plus -->
  14.         <a href="img/hdred-big.jpg" title="MagicZoomPlus: Super bike" class="MagicZoom MagicThumb"><img src="img/hdred-small.jpg"/></a>
  15.        
  16.     </body>
  17. </html>