WN - Image hover?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Image hover? (https://www.wn.se/forum/showthread.php?t=1039678)

StefanW

2009-12-19 19:49

Image hover?

Hej!

Jag har inte använt image hovers innan så mycket. Tänkte göra det nu i en design jag jobbar med. Vilket är det bästa sättet? Googlar jag hittar jag mängder med tutorials men alla är helt olika varandra.

Jag menar alltså att när jag för muspekaren över en bild så vill jag att bilden ändras till en annan bild, och sedan går tillbaka när man drar tillbaka muspekaren.

Cosma

2009-12-19 21:02

Lägga alla bilder i en DIV. Och den DIV'en har en standard backgrund. Jag har gjort så på några av mina sidor.

Exempel:

Kod:

#content .thumb                                { background: #0d171a url(style/images/post_thumb.) no-repeat; }

#content .thumb a:hover                 { background: #0d171a url(style/images/post_thumb_hover.) no-repeat;}

Cosma

2009-12-19 21:02

Radera den här. Ingen aning varför det blev en dubblett svaret.

kw_wasabi

2009-12-19 21:25

Jag ställer mig Cosmas lösning med hjälp av CSS (hover), men det går att lösa med Javascript också.

Alla tider är GMT +2. Klockan är nu 04:29.