<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<TITLE>Message</TITLE>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY><!-- Converted from text/plain format -->
<P><FONT face=Arial size=2>Ken,<BR><BR>Thanks for the snippet. It was so
short even I could understand the code.<BR><BR>Here's a snippet to modify
the filename on mouseover / mouseout for pngs in IE or whatever browser.
IT checks for the filter style and if present, modifies that attribute, not the
src attribute.</FONT></P>
<P><FONT face=Arial size=2><BR>function pngHover(event) {<BR> if(event.type
== 'mouseover') {<BR> if(this.style.filter) // add -hover to
filename on mouseover<BR> this.style.filter =
this.style.filter.replace('.png',
'-hover.png');<BR> else<BR> this.src =
this.src.replace('.png', '-hover.png');<BR> } else
{<BR> if(this.style.filter) // remove -hover from filename on
mouseout<BR> this.style.filter =
this.style.filter.replace('-hover.png',
'.png');<BR> else<BR> this.src =
this.src.replace('-hover.png', '.png');<BR> }<BR>}<BR></P></FONT>
<P> </P></BODY></HTML>