1 svar · 163 visningar · startad av Bosse168
Använder ett script som ser ut som följande:
head-delen:
<script language="Javascript">
if (document.images) {
button1 = new Image
button2 = new Image
button1.src = 'gfx/album/ph-am-1-neg.gif'
button2.src = 'gfx/album/ph-am-1-pos.gif'
}
//-->
detta är delen som skapar själva mouse over effekten:
<a href="gfx/album/ph-am-1.html" onmouseover="document.rollover.src=button2.src"
onmouseout="document.rollover.src=button1.src"><img src="gfx/album/ph-am-1-neg.gif"
border=0 name="rollover"></a>
Detta som finns här, fungerar utmärkt. Problemet är när jag försöker använda det på ännu en bild, då fungerar det inte, eller så vänder den bilden på den första bilden.
Hur använda mer än en gång?
Jag har provat att klistra in head-scriptet en extra gång för varje gång jag ska använda det, fungerade inte.
Du måste ange vilken bild som skall ändras... T.ex:
<a href="test.html" onmouseover="document.rollover1.src=button2.src"
onmouseout="document.rollover1.src=button1.src"><img src="test.gif" border=0 name="rollover1"></a>
<a href="test2.html" onmouseover="document.rollover2.src=button2.src"
onmouseout="document.rollover2.src=button1.src"><img src="test.gif" border=0 name="rollover2"></a>
osv...
Lägg märke till att du hela tiden refererar till elementets namn i onmouseover-/outfunktionerna