mouseover werkt niet meer????

Status
Niet open voor verdere reacties.
M

Merino

Gebruiker
Lid geworden
29 dec 2003
Berichten
117
Ik heb een probleem het lukt me niet om 4 mouseover buttons te maken. Als ik er 1 maak doet ie et gewoon maar dan maak ik er 4 en dan werkt de mouseover niet meer. Kan iemand me helpen.

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!--

image1 = new Image();
image1.src = "button2.png";

-->
</script>
</HEAD>





<BODY>
<div style="position: absolute; bottom: 15px; left: 15px">
<a href="http://www.#.nl" onmouseover="image1.src='button2.png';"
onmouseout="image1.src='button1.png';">
<img name="image1" src="button1.png" border=0></a>
</div>

<div style="position: absolute; bottom: 15px; left: 800px">
<a href="http://www.#.nl" onmouseover="image1.src='button2.png';"
onmouseout="image1.src='button1.png';">
<img name="image1" src="button1.png" border=0></a>
</div>

<div style="position: absolute; top: 15px; left: 15px">
<a href="http://www.#.nl" onmouseover="image1.src='button2.png';"
onmouseout="image1.src='button1.png';">
<img name="image1" src="button1.png" border=0></a>
</div>

<div style="position: absolute; top: 15px; left: 800px">
<a href="http://www.#.nl" onmouseover="image1.src='button2.png';"
onmouseout="image1.src='button1.png';">
<img name="image1" src="button1.png" border=0></a>
</div>

</BODY>
 
Je buttons moeten andere namen hebben, ook in het script.
Dus 4 stuks, 2 maal.

:cool:

een voorbeeld


<script language="javascript">
<!--

/*Visit A1javascripts.com for more neat scripts*/

on1=new Image(150,20)
on1.src="wrd_volgp.gif"
of1=new Image(150,20)
of1.src="wrd_vorigep.gif"
on2=new Image(150,20)
on2.src="hateshep3.gif"
of2=new Image(150,20)
of2.src="hateshep2.gif"

//-->
</script>
<script>
<!--
function filter(imagename,objectsrc){
if (document.images)
document.images[imagename].src=eval(objectsrc+".src")
}
//-->
</script>


<a href="#" onmouseover="filter('img1','on1'); window.status='Status Message';return true;" onmouseout="filter('img1','of1'); window.status='';return true;" onclick="window.focus()"><img SRC="wrd_vorigep.gif" NAME="img1" NOSAVE BORDER=0 height=20 width=150></a>

<a href="#" onmouseover="filter('img2','on2'); window.status='Status Message';return true;" onmouseout="filter('img2','of2'); window.status='';return true;" onclick="window.focus()"><img SRC="hateshep2.gif" NAME="img2" NOSAVE BORDER=0 height=94 width=85></a>
</center>
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan