@GollumAug 26.2003 — #If it were just text, it would be easy - just set up a timeout loop to slowly change the text colour to the background colour.
Doing the same to an image complicates things. The partial transparency in PNG files sounds good except it won't work in IE. If the image is not too big, you could create a GIF animation that fades the image to the background colour at the same rate as the text.
@GollumAug 26.2003 — #Ahh, I was confused when you said "fade" which usually means the image grows dimmer and dimmer until you can't see it any more. I think what you are after is called a "sweep"
To do a sweep, you could use 2 divs, one inside the other, the outer one crops the inner one and shrinks while the inner one moves left so that it appears to stay still.
You will probably want to change the <img> bit with your message 'n stuff <i> </i><div id=sweepOuter style="position:absolute; left:100px;top:100px;width:300px;height:200px;overflow:hidden;"> <div id=sweepInner style="position:relative; left:0px"> <img galleryimg=no src="myMessage.gif" onclick="sweepT = 0; sweep();"> </div> </div> <script> var sweepT = 0; function sweep() { var oOuter = document.getElementById('sweepOuter'); var oInner = document.getElementById('sweepInner'); sweepT += 5; if ( sweepT < 150 ) { oOuter.style.left = (100 + sweepT).toString() + "px"; oOuter.style.width = (300 - sweepT * 2).toString() + "px"; oInner.style.left = "-" + sweepT.toString() + "px"; window.setTimeout("sweep();",25); } else { oOuter.style.visibility = "hidden"; } } </script>