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

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Javascript (2 billeder skifter onmouseover~
Fra : Morten


Dato : 21-04-03 08:38

Jeg ved ikke så meget om JS så er måske lidt noobindlæg:

Jeg vil gerne have 2 billeder til at skifte .. et på hver side af mit link
fx

*billede* mit link *billede*

Så når jeg markere "mit link" så skifter *billede* (altså begge to)

<html>
<head>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

billede1 = new Image(); billede1.src = "billede1.gif";
billede2 = new Image(); billede2.src = "billede2.gif";
billede3 = new Image(); billede3.src = "billede3.gif";
billede4 = new Image(); billede4.src = "billede4.gif";
billede5 = new Image(); billede5.src = "billede5.gif";
billede6 = new Image(); billede6.src = "billede6.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
</head>
<body>

<div><a href="http://www.html.dk"
onmouseover="skiftbillede('link','billede2.gif');
skiftbillede('tal','billede4.gif');skiftbillede('bogstav','billede6.gif')"
onmouseout="skiftbillede('link','billede1.gif');
skiftbillede('tal','billede3.gif');skiftbillede('bogstav','billede5.gif')" >
<img name="link" src="billede1.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

<img name="tal" src="billede3.gif" alt="Tal"
style="border:none;" />
<img name="bogstav" src="billede5.gif" alt="Bogstaver"
style="border:none;" /></div>
</body>
</html>


m.v.h Morten
// Morten@fri-web.dk




 
 
Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408857
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste