I am using this script to create roll over image for my buttons. The problem is the last button is the only one rolling over when you go on any other button as you can see here http://www.freewebs.com/wwefansconr/mainpage.htm

I put them all one after another. So I don't know if thats the problem.

Please help me. Thanks.

<SCRIPT TYPE="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this 
// notice with the code.
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr[pageImageName]=new Object;
rollOverArr[pageImageName].overImg = new Image;
rollOverArr[pageImageName].overImg.src=OverImgSrc;
}
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
if (! rollOverArr[pageImageName].outImg)
{
rollOverArr[pageImageName].outImg = new Image;
rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src;
}
document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src;
}
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr[pageImageName])return;
document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src;
}
//-->
</SCRIPT>
<A 
HREF="http://www.freewebs.com/wwefansconr/mainpage.htm"
onMouseOver = "rollover('home')" 
onMouseOut = "rollout('home')" 
><IMG 
SRC="http://www.freewebs.com/wwefansconr/homebutton.PNG" 
NAME="home" 
ALT="Home Page" BORDER=0 
HEIGHT=55 WIDTH=152
></A>
<SCRIPT TYPE="text/javascript">
<!--
setrollover("http://www.freewebs.com/wwefansconr/homebutton2.PNG");
//-->
</SCRIPT>

Try changing the onMouseOver and onMouseOut into the image tag.

like <img></img> ?

no...try

<img src="...." title="....." onMouseOver="...." onMouseOut="....">

and take it out of the <a></a> tag.

It doesn't work. Whenever I put more than one rollover image they mess up.

Why not dump the javascript rollovers entirely and just use a CSS-based menu ? It's soo much simpler.

Originally Posted by LadynRed

Why not dump the javascript rollovers entirely and just use a CSS-based menu ? It's soo much simpler.

That's an idea!

How do I use CSS. I'm using this guide for the java one; http://www.htmlcodetutorial.com/imag...amsupp_80.html and this is what i got so far; http://www.freewebs.com/wwefansconr/test.htm

Not working as you can see

Can you please help me with it or do u have a link to show me how to do it with CSS.

Thanks.

Take your pick: http://www.cssplay.co.uk/menus/