Borders

Buy now  £29 Get support

Thick outside border, no magnifier border.

Bright green outside border, red magnifier border.

 

No outside border, no magnifier border.

Thin red outside border, thin green magnifier border.

 
  1. <html>
  2.     <head>
  3.         <title>Magic Magnify: Borders</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.         <div class="w50">
  13.             <p>Thick outside border, no magnifier border.</p>
  14.             <!-- define Magic Magnify -->
  15.             <a href="images/shoe_large.jpg" rel="magnifier-border-width:0;border-width:5px;" class="MagicMagnify"><img src="images/shoe_small.jpg"/></a>
  16.         </div>
  17.         <div class="w50">
  18.             <p>Bright green outside border, red magnifier border.</p>
  19.             <!-- define Magic Magnify -->
  20.             <a href="images/shoe_large.jpg" rel="magnifier-border-width:2px;border-width:2px;magnifier-border-color:#FF0000;border-color:#99CC33;" class="MagicMagnify"><img src="images/shoe_small.jpg"/></a>
  21.         </div>
  22.         <div class="clear">&nbsp;</div>
  23.         <div class="w50">
  24.             <p>No outside border, no magnifier border.</p>
  25.             <!-- define Magic Magnify -->
  26.             <a href="images/shoe_large.jpg" rel="magnifier-border-width:0;border-width:0;" class="MagicMagnify"><img src="images/shoe_small.jpg"/></a>
  27.         </div>
  28.         <div class="w50">
  29.             <p>Thin red outside border, thin green magnifier border.</p>
  30.             <!-- define Magic Magnify -->
  31.             <a href="images/shoe_large.jpg" rel="magnifier-border-width:1px;magnifier-border-color:#99CC33;border-width:1px;border-color:#FF0000;" class="MagicMagnify"><img src="images/shoe_small.jpg"/></a>
  32.         </div>
  33.         <div class="clear">&nbsp;</div>
  34.        
  35.     </body>
  36. </html>