<html>
<head>
<title>Thumbnail effects</title>
<!-- link to magicthumb.css file -->
<link href="magicthumb/magicthumb.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- link to magicthumb.js file -->
<script src="magicthumb/magicthumb.js" type="text/javascript"></script>
</head>
<body>
<h4>Image enlarges on mouseover. Thumbnail remains visible instead of hiding.</h4>
<!-- define Magic Thumb -->
<a href="images/imac-side-600.jpg" class="MagicThumb" rel="keep-thumbnail: true; expand-trigger: mouseover"><img src="images/imac-side-90.jpg" alt=""/></a>
<h4>Image enlarges on mouseover and hides on mouseout.</h4>
<!-- define Magic Thumb -->
<a href="images/imac-side-600.jpg" class="MagicThumb" rel="expand-trigger: mouseover; expand-align: image;"><img src="images/imac-side-90.jpg" alt=""/></a>
</body>
</html>
