Avatar billede macpack2003 Nybegynder
22. april 2003 - 09:33 Der er 1 kommentar

mouseover

jeg har et script her, men jeg ka bare ik få det til af du!
scriptet er fra:
http://www.dkscripts.starthotel.dk/java/java/8.htm

og min side ser sådan her ud


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type="text/javascript">
<!-- Dkscripts.tk

<!-- Start

billede1 = new Image();
billede1.src = "splash_knapper/1.gif";

billede11 = new Image();
billede11.src = "splash_knapper/11.gif";

billede2 = new Image();
billede2.src = "splash_knapper/2.gif";

billede22 = new Image();
billede22.src = "splash_knapper/22.gif";

billede3 = new Image();
billede3.src = "splash_knapper/3.gif";

billede33 = new Image();
billede33.src = "splash_knapper/33.gif";

billede4 = new Image();
billede4.src = "splash_knapper/4.gif";

billede44 = new Image();
billede44.src = "splash_knapper/44.gif";

billede5 = new Image();
billede5.src = "splash_knapper/5.gif";

billede55 = new Image();
billede55.src = "splash_knapper/55.gif";

billede6 = new Image();
billede6.src = "splash_knapper/6.gif";

billede66 = new Image();
billede66.src = "splash_knapper/66.gif";

billede7 = new Image();
billede7.src = "splash_knapper/7.gif";,

billede77 = new Image();
billede77.src = "splash_knapper/77.gif";

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

// Slut -->
</script>

<body bgcolor="#FFFFFF" text="#000000">
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/1.gif')" onmouseout="skiftbillede('eksempel1','splash_knapper/11.gif')">
  <img name="eksempel" src="splash_knapper/1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/2.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/22.gif')">
  <img name="eksempel2" src="splash_knapper/2.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/3.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/33.gif')">
  <img name="eksempel3" src="splash_knapper/3.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/4.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/44.gif')">
  <img name="eksempel4" src="splash_knapper/4.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/5.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/55.gif')">
  <img name="eksempel5" src="splash_knapper/5.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/6.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/66.gif')">
  <img name="eksempel6" src="splash_knapper/6.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>
<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/7.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/77.gif')">
  <img name="eksempel7" src="splash_knapper/7.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p><p>&nbsp; </p>
</body>
</html>
Avatar billede pelkjaer Nybegynder
22. april 2003 - 11:12 #1
Hvis vi starter med din preload

billede1 = new Image();
billede1.src = "splash_knapper/11.gif";

-her preloades et billede, altså et "mouseover" billede.

Så kan du lave et imageswap med det preloadede billede

<p><a href="#" onmouseover="skiftbillede('eksempel','splash_knapper/11.gif')" onmouseout="skiftbillede('eksempel','splash_knapper/1.gif')">
  <img name="eksempel" src="splash_knapper/1.gif" alt="Før musen over dette billede" style="border:none;" align="middle" /></a>
</p>

Altså, din billedenavn "eksempel" bruges ved både onmouseover og onmouseout idet det fortæller hvilket billedet vi vil skifte i.

Ved onmouseover skifter du til et preloaded billede, og ved onmouseout skifter du tilbage igen.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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