Mouseover Buttons

Smilin' Jack · 09-27-2003, 03:19 PM

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 · 09-27-2003, 08:17 PM

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

Code:

<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

Code:

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

Smilin' Jack · 09-28-2003, 12:42 AM

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 · 09-28-2003, 02:57 PM

Code:

<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>

09-27-2003, 03:19 PM	#1 (permalink)
Smilin' Jack NamePros Member Join Date: Sep 2003 Posts: 46 68.00 NP$ (Donate)	Mouseover Buttons 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 __________________ "Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present". - Marcus Aurelius

09-28-2003, 12:42 AM	#3 (permalink)
Smilin' Jack NamePros Member Join Date: Sep 2003 Posts: 46 68.00 NP$ (Donate)	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 __________________ "Never let the future disturb you. You will meet it, if you have to, with the same weapons of reason which today arm you against the present". - Marcus Aurelius

09-28-2003, 02:57 PM	#4 (permalink)
adam_uk Senior Member Join Date: May 2003 Posts: 2,211 6,170.25 NP$ (Donate)	Code: <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>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)