Bilde som endrer seg... :|

[Hosjkornæsj]

Jeg har sett mange nettsteder hvor bilder endrer seg når du peker på det med musen. Vet ikke om det er html eller javascript men flash er det ihvertfall ikke! For jeg kjennetegner jo FAKTISK flash og html....

 

 

Men vet noen hva eller hvordan man gjør det? Eller kan noen i det minste gi meg en html/javascript? PLEASE?

[Garanti]

Slik:

 

div{

background-image: ('img.png');

width: 200px;

height: 120px;

}

 

div:hover{

background-image: ('hoverimg.png');

}

[Hosjkornæsj]

Virker denne med URL også? Isåfall, skal jeg ha URL-en i parantesene?

Endret 31. januar 2008 av hbe036

[Garanti]

Er bare å prøve seg fram

Uansett, slik: background-image: url('http\\www.loremipsum.com\img.png');

Endret 31. januar 2008 av garanti

[Haraldson]

Ja, det er jo det det er i eksempelet. Blir det samme om du hiver inn en relativ, absolutt eller full URL.

[Hosjkornæsj]

Men virker den i piczo??

[Kiman™]

Piczo virker ikke. Face it.

 

Spørs jo om du mener at denne flotte effekten skal være en lenke, eller om du mente en URL til et bilde?

[funkyboy]

Du kan også søke på eksempelvis "sliding doors" på Google. Benytter egentlig samme prinsipp, men at du kun har et bilde isteden for to (altså to bilder som er montert sammen til et). Ved hover, forandrer du bakgrunnsbildets posisjon, slik at det andre opptar plassen det første opprinnelig hadde. Eventuelt kan du søke på "Rollover images html" eller lignende. Det finnes mange måter å gjøre ting på. Eventuelt kan du få flere bilder til å vises i samme felt dersom du har musen over (eller trykker på) knapper og bilder.