I have a problem with my mouse over buttons

I cant use the ones on Lisa's site as my server doesnt allowed the hoover classes folder.

I have found a different script now. I have a wierd problem. When I write the script it is fine the button works but as soon as I add another button the buttons dont change color when the cursor is over it?:S

Im stuck, here is the script if anyone can help?

<script language="JavaScript">
<!-- // start hidden code
our_image = new Image();
our_image.src = "Images/Buttons/ftbutton1over.gif";
// done with hidden code -->
</script>

<a href="http://www.bbl.org.uk" target="rightside" onMouseOver="button.src=our_image.src;"
onMouseOut="button.src='Images/Buttons/ftbutton1.gif';">
<img name="button" src="Images/Buttons/ftbutton1.gif" width="100"
height="25" alt="a button" border="0"></a>

Maybe you could try this code instead. Substitute your first image for IMAGE.GIF, and your mouseover image for IMAGE2.GIF.

<a href="" style="cursor:none" onMouseOver="document.MyImage.src='IMAGE2.GIF';" onMouseOut="document.MyImage.src='IMAGE.GIF';">
<img src="IMAGE.GIF" name="MyImage" border=0></a>

Good luck!

___________
׺׷lauren·×º×

That code doesnt work for me:(

Thanks anyway!

But this is bugging me, what is wrong with my code.

When the button is on its own its ok works fine, but as soon as you create another button there no luck it stays the same:(

Please help me

Each button a unique name....

<a href="" onMouseOver="document.MyImage.src='IMAGE2.GIF';" onMouseOut="document.MyImage.src='IMAGE.GIF';">
<img src="IMAGE.GIF" name="[b]MyImage[b]" border=0></a>

Sorry not meaning to be thick?

but wot the deal with the bold image thing?

Each of my buttons have unique names.

Im confused:(