Mouseover Buttons

[Smilin' Jack]

I am having a problem making multiple rollover buttons work.
As displayed on: www.equipmentpolice.com/home.htm,

I am able to get the first two buttons to work.
Can't figure how to do the next four below.

Thanks,
Jack

 

[web guru]

OK only had a breif look at your code but heres my cod efor mouse over buttons maybe you could use it,

<script language="JavaScript" type="text/javascript">
<!--


if (document.images){

   //proload your images
    homeOne       = new Image();
    homeOne.src   = "images/homeOne.gif" ;

    homeTwo     = new Image() ;
    homeTwo.src = "images/homeTwo.gif" ;
								
}

function buttondown( buttonname )
{
    if (document.images) {
      document[ buttonname ].src = eval( buttonname + "Two.src" );
	  document.icon.src = "images/"+buttonname+"Icon.gif";
    }
}

function buttonup ( buttonname )
{
    if (document.images) {
      document[ buttonname ].src = eval( buttonname + "One.src" );
	  document.icon.src = "images/mainIcon.gif";
    }
}
// -->
</script>

Then to get it to work do the following

<a href="home.html" onMouseOver="buttondown( 'home' );" onMouseOut="buttonup ( 'home');"> 
            **Linke Here**</a>

 

[Smilin' Jack]

Mouseover Buttons Reply

Thanks Web,
So what do I use to activate 4 buttons?
Do they all have to have different names even if it is the same images being used for all four?
Say, are you anywhere near Ennis?

Jack

 

[adam_uk]

<a href=content.php?p=contact><img src=/images/contact_off.gif border=0 OnMouseOver=this.src="/images/contact_on.gif" OnMouseOut=this.src="/images/contact_off.gif"></a>