Avatar billede mr-denner Nybegynder
21. december 2004 - 09:21 Der er 3 kommentarer og
2 løsninger

Billede skift

Hej eksperter

Jeg ved ikke om I kan hjælpe mig med dette problem.

På min web har jeg lavet en navigations-frame, hvor mine links er billeder. Jeg har fundet et java script, som ændre billedet når musen føres over billedet. Men hvis jeg laver dette script to gange på samme side, virker det ikke. Er der en god forklaring på dette??

Med venlig hilsen

Dennis Hansen

Her scriptet:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>

<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";

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

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

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

</body>
</html>
Avatar billede Slettet bruger
21. december 2004 - 09:26 #1
Jeg tror du får mere hjælp hvis du flytter dette spørgsmål til javaSCRIPT-kategorien. Java og Javascript er netop ikke det samme :-)
Avatar billede -mundi- Nybegynder
21. december 2004 - 09:29 #2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>

<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 = "billede1.gif";

billede4 = new Image();
billede4.src = "billede2.gif";

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

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

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

</body>
</html>
Avatar billede -mundi- Nybegynder
21. december 2004 - 09:30 #3
hov, det skulle se sådan ud :
billede3 = new Image();
billede3.src = "billede3.gif";

billede4 = new Image();
billede4.src = "billede4.gif";
Avatar billede -mundi- Nybegynder
21. december 2004 - 09:31 #4
Det går rigtigt godt her til formiddag :-) Sådan her skulle det være :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<title>Skift billede</title>

<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";

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

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

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

</body>
</html>
Avatar billede mr-denner Nybegynder
21. december 2004 - 12:44 #5
Hej Mundi

Det prøver jeg.. tak for hjælpen - også selvom det ikke lige var den rigtige kategori jeg skrev i.

Denner
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
Kurser inden for grundlæggende programmering

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.

Du kan også logge ind via nedenstående tjenester