Søg
Avatar billede kimlarsen Praktikant
01. juni 2003 - 00:24 Der er 18 kommentarer og
1 løsning

On hover

Hej.

Jeg kunne godt bruge et færdigt forslag til hvordan jeg løser dette lille problem.

Jeg har en celle, hvori der er et billed og et hyberlink som består af billedet og noget tekst.
Jeg ville meget gerne have billedet til at skifte til et andet, når man fører musen henover linket.

Nogen som har en god ide til hvordan ?
Avatar billede ztyxx Nybegynder
01. juni 2003 - 00:40 #1
<head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "etbillede.gif";
var mit_billede1 = new Image();
mit_billede1.src = "andetbillede.gif";
</script>
</head>
<body>
<a href="#"
onMouseOver="document.mit_billede1.src='etbillede.gif';"
onMouseOut="document.mit_billede1.src='andetbillede.gif';">
<img src="folderlink.gif" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst"></a>
</body>
</html>
Avatar billede ztyxx Nybegynder
01. juni 2003 - 00:54 #2
<img src="folderlink.gif"
skal være
<img src="andetbillede.gif"
Avatar billede roenving Novice
01. juni 2003 - 01:19 #3
>>ztyxx

dinrettelse skal vel være :-)
<img src="etbillede.gif"

-- men meg't godt at du havde prloaderen med, men effektiv udnyttelse er:

<head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "etbillede.gif";
var mit_billede2 = new Image();
mit_billede2.src = "andetbillede.gif";
</script>
</head>
<body>
<a href="#"
onMouseOver="document.mit_billede1.src=mit_billede2.src;"
onMouseOut="document.mit_billede1.src=mit_billede1.src;">
<img src="folderlink.gif" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst"></a>
</body>
</html>
Avatar billede roenving Novice
01. juni 2003 - 01:19 #4
-- og jeg fik heller ikke rettet ...
Avatar billede roenving Novice
01. juni 2003 - 01:22 #5
-- og så kom jeg til at kigge på variabel-valget, ikke så heldigt -- men ikke svært at rette -- man skal helst ikke bruge det samme navn flere gange !-)
Avatar billede ztyxx Nybegynder
01. juni 2003 - 01:25 #6
hehe, ja det var fordi jeg bare lavede en copy/paste af
var mit_billede1 = new Image();
mit_billede1.src = "etbillede.gif";
og glemte at rette til mit_billede2 samtidig med billedfilen
Avatar billede ztyxx Nybegynder
01. juni 2003 - 01:26 #7
er vist lidt træt...
Avatar billede roenving Novice
01. juni 2003 - 01:32 #8
*gg*
Avatar billede ztyxx Nybegynder
01. juni 2003 - 01:33 #9
hehe, testede lige den første jeg postede, den virker faktisk også....
Avatar billede roenving Novice
01. juni 2003 - 01:38 #10
-- også mouseout'en ;O)
Avatar billede roenving Novice
01. juni 2003 - 01:40 #11
-- og grunden til at jeg gjorde opmærksom på det effektive er, at jeg blev opmærksom på, at cache-styringen nogle gange kan betyde noget, så brug aldrig andet end: etellerandetbillede.src=ditpreloadedebillede.src ;O)
Avatar billede kimlarsen Praktikant
09. juni 2003 - 22:28 #12
Har siddet og fumlet lidt med jeres forslag.

Fåer en fejlmeddelse som jeg ikke rigtigt kan gennemskue....

Se selv på : http://www.eksperten.dk/spm/359288
Avatar billede kimlarsen Praktikant
09. juni 2003 - 22:29 #13
Ups. : http://www.5270.dk/automatani.htm
Avatar billede roenving Novice
09. juni 2003 - 22:48 #14
Sorry, der var da lige noget vi havde kigget forbi:

<a href="#"
onMouseOver="document.images['mit_billede1'].src=mit_billede2.src;"
onMouseOut="document.images['mit_billede1'].src=mit_billede1.src;">
Avatar billede kimlarsen Praktikant
09. juni 2003 - 23:09 #15
Får stadigvæk fejlmeddelse !

Kik igen på : http://www.5270.dk/automatani.htm
Avatar billede roenving Novice
09. juni 2003 - 23:17 #16
Du må ikke ændre document.images['mit_billede1']. -- det skal være det samme begge steder !-)
Avatar billede kimlarsen Praktikant
10. juni 2003 - 23:25 #17
Så virker det. Er lidt i tvivl om hvordan i skal dele pointene. Har i selv et forslag ?
Avatar billede roenving Novice
11. juni 2003 - 02:09 #18
Næh '-)
Avatar billede roenving Novice
18. oktober 2003 - 10:56 #19
-- men tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I dag 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »