Rollover-bilder

[skimmer]

Nån som har script till det? Jag har testat tre stycken nu och inget funkar, börjar bli galen på det här

 

[Dasjenka]

Vad menar du med "rollover"-bilder egentligen?

 

[skimmer]

http://tmdata.x.se/webdesignskolan/dreamweaver/rolloverimage/rolloverimage.htm

 

[Dasjenka]

Aha. Det där verkar väldigt komplicerat. Förstår ingenting faktiskt.
Om jag ville byta bild vid muspekning skulle jag lägga använda den här koden:

<a href="länk.html" target="_top" onmouseover="document.bild1.src='bildvidmuspek.gif'; return true" onmouseout="document.bild1.src='bild.gif'; return true"><img src="bild.gif" name="bild1" border="0" alt="Namn"></a>

men du kanske vill ha något mer än bara byte av bild vid muspekning?

 

[Moniq]

Får jag komma med en korkad fråga? Var sätter man in bild nr 2:s namn xxxxx.jpg?

 

[AnetteJT]

onmouseover=Bilden som visas när musen hålls över bilden.
onmouseout="Huvudbilden"

 

[Dasjenka]

<a href="länk.html" target="_top" onmouseover="document.bild1.src='bildvidmuspek.jpg'; return true" onmouseout="document.bild1.src='bildinnanmuspek.jpg'; return true"><img src="bildinnanmuspek.jpg" name="bild1" border="0" alt="Namn"></a>

; det där kanske blev tydligare?
"bild1", som står på flera ställen i koden har ingenting med själva bilderna att göra utan är ett namn på koden.
Vill du ha flera bilder som ändras vid muspek måste de ha olika namn. Den första kan heta t.ex. "bild1", som i exemplet ovan och då kan nästa heta "bild2":

<a href="länk.html" target="_top" onmouseover="document.bild2.src='bildvidmuspek.jpg'; return true" onmouseout="document.bild2.src='bildinnanmuspek.jpg'; return true"><img src="bildinnanmuspek.jpg" name="bild2" border="0" alt="Namn"></a>

 

[Moniq]

Tack bägge två, nu blev jag lite klokare