/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
MouseOver-udbytning af flere billeder
Fra : Rasmus Kjær


Dato : 14-10-02 10:15

Jeg er ved at lave en side, hvor jeg har brug for at der ved en
mouseover bliver byttet 2 billeder ud:
1) Billedet i samme celle som mouseover-feltet og
2) Et billede i en anden celle.

Problemet er at jeg ikke kan få den til at skifte begge billeder
samtidig. Det går fint, så længe det kun er det ene eller det
andet.
Jeg kan ikke finde ud af hvad jeg gør forkert.
Jeg bruger scripts af denne type:

<table>
<tr>
<td>
<map name="mapname">
<area shape="polygon" coords="16,12 70,12 71,83 17,84"
href="link.html"
onMouseOver="document.name.src='billeder/billedeny.gif'"
onMouseOut="document.name.src='billeder/billede.gif'">
</map>
<img name="skov" src="billeder/billede.gif" width="112"
height="110" usemap="#mapname" border="0">
</td>
</tr>
</table>

Håber nogen kan hjælpe mig, for jeg er kørt helt fast...

Rasmus

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
rofe@mailme.dk (14-10-2002)
Kommentar
Fra : rofe@mailme.dk


Dato : 14-10-02 20:29

Hej Rasmus

Indsæt følgende mellem <head> og </head>

<script language="Javascript">

img = new Image;

function changeImg(imgsrc1, target1, imgsrc2, target2)
{
img.src = imgsrc1;
document[target1].src = img.src;
img.src = imgsrc2;
document[target2].src = img.src;
}

</script>


Når du så skal bruge denne eksempelvis med det kode du har skrevet :

<table>
<tr>
<td>
<map name="mapname">
<area shape="polygon" coords="16,12 70,12 71,83 17,84"
href="link.html" onMouseOver="changeImg('billeder/billedeny.gif',
'billede1target', 'billeder/billedeny2.gif', 'billede2target')"
onMouseOut="changeImg('billeder/billedegammel1.gif', 'billede1target',
'billeder/billedegammel2.gif', 'billede2target')">
</map>
<img name="skov" src="billeder/billede.gif" width="112"
height="110" usemap="#mapname" border="0">
</td>
</tr>
</table>

Billedetarget er navnet (name tagget) på billedet <img src="img/billede.gif"
name="target">


Det skulle virke, men koden er utestet


Skriv igen hvis det ikke virker.


Med venlig hilsen
Ronni
rofe@mailme.dk




CWS-webservice.dk (15-10-2002)
Kommentar
Fra : CWS-webservice.dk


Dato : 15-10-02 01:17

"Rasmus Kjær" <r.kjaer@ofir.dk> skrev i en meddelelse
news:aoe1tm$nnd$1@sunsite.dk...
> Jeg er ved at lave en side, hvor jeg har brug for at der ved en
> mouseover bliver byttet 2 billeder ud:
> 1) Billedet i samme celle som mouseover-feltet og
> 2) Et billede i en anden celle.
>
> Problemet er at jeg ikke kan få den til at skifte begge billeder
> samtidig. Det går fint, så længe det kun er det ene eller det
> andet.
> Jeg kan ikke finde ud af hvad jeg gør forkert.
> Jeg bruger scripts af denne type:
[snip]

Prøv at kigge på dette link det ser ud til at det er det du er ude efter.
linket: http://www.html.dk/scripts/javascript/00002/

--
MVH

CWS-webservice / Ved Claus Pryds
Rymarksvej 113
Tel : 3929 0218
Mobil : 26254621

http://www.cws-webservice.dk
cws@cws-webservice.dk



Rasmus Kjær (16-10-2002)
Kommentar
Fra : Rasmus Kjær


Dato : 16-10-02 09:01

Tak for hjælpen, begge to - Jeg prøver at kigge på det!
Hvis jeg får problemer, ved jeg jo, hvor der er hjælp at hente...


Rasmus

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste