Vise bilde når man rører en link. Hvordan?

[Hannepanne]

Hei. Jeg lager hjemmeside for en fyr, også trenger jeg litt hjelp. Altså, tror nok ikke det er noe stort problem, men jeg finner ingen kode på nettet så lurte på om noen hadde eller om noen visste hvordan jeg gjør det.

 

Jo, altså. Jeg skal ha en oversikt over mange personer, linker. Også når du har musa over linken, IKKE TRYKKER, men bare har den over så skal det vises et bilde av den personen i ei rute ved siden av. Noen som kan hjelpe meg?

 

## Emnetittel endret av moderator; les retningslinjene om emnetitler i innlegget under ##

Endret 17. oktober 2007 av Haraldson

[Demantios]

Det må du nok bruke javascript til

[lefsaker]

Caps lock burde fjernes fra alle tastatur i verden.

 

 

Men:

Er det noe som dette du leter etter?

 

Den kan lastes ned herfra

[Steinmann]

Det må du nok bruke javascript til

Nei.

 

 

Skal bildet vises ved siden av eller på et bestemt sted på siden?

 

Det du gjør er at du har da en link rundt elementet du skal ha musepekeren over, også har du et bilde liggende inni.

Bildet posisjonerer du der du vil, med position: absolute;, og setter display: none;

 

Så kan du ta

a img {
display: none;
position: absolute;
top: 10px;
right: 10px;
}
a:hover img {
display: block;
}

 

Dette bør gi ønsket effekt.

 

edit: Litt mer kode

Endret 17. oktober 2007 av Steinmann

[Hannepanne]

Sånn mener jeg. Dette er bare en enkel skisse i paint. Den ruta hvor det står link, link, link osv er linkene jeg mener. Når jeg er borti dem skal det kommi opp et bilde i den lille ruta til høyre for linkene. Forskjellige bilder for hver link.

Uten_navn.bmp

[lefsaker]

Da er jo CSS snutten til Steinmann perfekt

[Hannepanne]

Ah, ok, nå har jeg puttet den koden inn i style.css.

Men hvordan gjør jeg det med bildene da?

[Steinmann]

Ah, ok, nå har jeg puttet den koden inn i style.css.

Men hvordan gjør jeg det med bildene da?

Hva med bildene? Det var bare eksempelkode.

 

Skal du ha det gjort blir det 900,- i timen

[lefsaker]

<a href="diddeba.jpg"><img src="diddeba.jpg">Kari traa</a>

[Hannepanne]

Tuseeeen Takk for hjelpen ^^,

Jeg fikk til : ))