Announcement
Collapse
No announcement yet.
Highlight Image II script
Collapse
X
-
That's easy.
Remove the onmouseout event handler!
eg: onMouseout="borderit(this,'white')"
.....Willy
Edit: I got to thinking that had to be too easy.
Try this:
Code:<style type="text/css"> .borderimage { border:1px solid white; } </style> <script type="text/javascript"> function borderit(b,color) { var howMany = 3; var d = document.images; for(a=1; a<=howMany; a++) { if(d) d['img'+a].style.borderColor = ''; d['img'+b].style.borderColor = color; } } </script> </HEAD> <BODY> <img id="img1" class="borderimage" src="man.gif" onMouseover="borderit(1,'yellow')"> <img id="img2" class="borderimage" src="man.gif" onMouseover="borderit(2,'green')"> <img id="img3" class="borderimage" src="man.gif" onMouseover="borderit(3,'red')">
Last edited by Willy Duitt; Feb 7, 2004, 02:45 AM.
-
Highlight Image II script
Thanks Willy Duitt! Absolutely perfect, again. I too thought removing the onMouseout handler should do the trick. Sorry, I didn't mention that in my posting. When I tried and found it wasn't going to be so simple. I thought I'd better post it. Many thanks again. Now, on to Scroller II.
Roxie
Comment
Comment