https://www.webmaster-forums.net/crss/node/1002508 en https://www.webmaster-forums.net/html-css-and-javascript/javascript-rollovers-highlighting-images#comment-1011145 <p><strong>INSERT BETWEEN &lt;HEAD&gt;&lt;/HEAD&gt; TAGS</strong></p> <p>&lt;script language=&quot;JavaScript&quot;&gt;<br /> &lt;!-- hide script from old browsers</p> <p>// preload images<br /> if (document.images) {<br /> NAME_over = new Image(); NAME_over.src = &quot;URL&quot;;<br /> NAME_out = new Image(); NAME_out.src = &quot;URL&quot;;<br /> }</p> <p>// mouse over script<br /> function mouseOver(imgName) {<br /> if (document.images) {<br /> document[imgName].src = eval(imgName + &quot;_over.src&quot;) ;<br /> }<br /> }</p> <p>// mouse out script<br /> function mouseOut(imgName) {<br /> if (document.images) {<br /> document[imgName].src=eval(imgName + &quot;_out.src&quot;) ;<br /> }<br /> }</p> <p>// end hiding from old browsers --&gt;<br /> &lt;/script&gt;</p> <p><strong>INSERT WITHIN &lt;BODY&gt;&lt;/BODY&gt; TAGS</strong></p> <p>// use this for each image<br /> &lt;a href=&quot;&quot;<br /> onMouseOver=&quot;mouseOver('NAME')&quot;<br /> onMouseOut=&quot;mouseOut('NAME')&quot;&gt;&lt;img<br /> name=&quot;NAME&quot;<br /> src=&quot;&quot; alt=&quot;&quot;<br /> border=&quot;&quot; height=&quot;&quot; width=&quot;&quot;<br /> hspace=&quot;&quot; vspace=&quot;&quot;&gt;&lt;/a&gt;</p> <p>Make sure you have a unique image NAME for each image you use.</p> <p>----------<br /> <a href="mailto:lloydhass@hotmail.com" class="bb-email">lloydhass@hotmail.com</a><br /> <a href="http://go.to/hass" class="bb-url">http://go.to/hass</a></p> Fri, 15 Oct 1999 02:29:00 +0000 comment 1011145 at https://www.webmaster-forums.net