Home Image Effects Expando Image script Developer's View
<html>
<head><style type="text/css">
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving
out of image while image is expanding*/
}
</style>
<script type="text/javascript" src="expando.js">
/* Expando Image Script (c)2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/
</script>
</head>
<body>
<p>
<img class="expando" border="0" src="amster2.jpg"
width="100" height="75">
<img class="expando vacation" border="0"
src="amster3.jpg" width="100" height="66">
<img class="expando" border="0" src="amster4.jpg"
width="100" height="75">
</p>
<p>
<img class="expando cat" border="0" src="cat.png"
width="200" height="88">
</p>
</body>
</html>