Uncle Jim's Javascript Designs
Expanding Image on Mouseover
This script expands the selected image during mouseover, giving it an extra effect.
INSTALLATION INSTRUCTIONS
COPY
-
Insert Between Head Tags: <HEAD></HEAD>
<script language="Javascript" type="text/javascript"><!-- // This script came from // Uncle Jim's Javascript Examples // JDStiles.com function selectAll(theField) { var tempval=eval("document."+theField) tempval.focus() tempval.select() } //--></script> <script language="JavaScript1.2"><!-- // This script came from // Uncle Jim's Javascript Examples // JDStiles.com function expand() { if (smallslot.width<=110) { x=window.setTimeout('expand()', 10) smallslot.width=smallslot.width + 5 smallslot.height=smallslot.height + 5 } else { setTimeout('reduce()', 0) } } function reduce() { if (smallslot.width>99) { x=window.setTimeout('reduce()', 10) smallslot.width=smallslot.width - 5 smallslot.height=smallslot.height - 5 } } //--></script>
COPY
-
Insert Inside Body: <BODY></BODY>
<div id="slot1" style="width:99;height:128" onmouseover=expand()><a href="javascript:void"> <IMG id="smallslot" SRC="IMAGE.gif" WIDTH=100 HEIGHT=56 hspace=0 vspace=0 border=0 style="position:absolute; left:420; top:175;z index:2;visibility:visible"></a></div>
Close This Window
