Avatar billede morten_soegaard Nybegynder
20. december 2004 - 15:43 Der er 13 kommentarer og
1 løsning

Simpel onMouseOver funktion

Hej

Jeg skal bruge en simepl onmouseover funktion for et billede. Den skal virke sådan at når man fører musen og et billede skifter billedet, og når man fører musen væk igen skifter den til det oprindelige billede.

Jeg har lavet et hvor den virker det et billede, men det bliver bare bøvlet da den skal bruges på 12 billeder. Så jeg skal vel ind og lave nogle Array sjov?

Er der nogle som kan hjælpe med det?
Avatar billede olebole Juniormester
20. december 2004 - 16:30 #1
<ole>

<script type="text/JavaScript">
function swap(imgID, imgSrc) {
  document.getElementById(imgID).src = imgSrc;
}
</script>

<img id="hest" src="minA.gif" onmouseover="swap('hest', 'minB.gif')" onmouseout="swap('hest', 'minA.gif')"

/mvh
</bole>
Avatar billede olebole Juniormester
20. december 2004 - 16:31 #2
Oooops ... husk lige at afslutte IMG-tag'et med '>'  ;o)
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 16:49 #3
Okay, det virker...

For at være lidt besværlig, for jeg kan se den loader billedet hver jeg holder musen over. Kan man lave noget sådan så den loader inden?
Avatar billede olebole Juniormester
20. december 2004 - 16:53 #4
yups  :)

<script type="text/JavaScript">
function preload() {
  var pics = new Array("minB.gif", "minC.gif", "minD.gif");
  for (i=0; i<pics.length; i++) {
      var im = new Image();
      im.src = pics[i];
  }
}
function swap(imgID, imgSrc) {
  document.getElementById(imgID).src = imgSrc;
}

window.onload = preload;
</script>
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 17:00 #5
Synes stadig den ser ud til at gøre det, men det gør den måske ik?
Avatar billede olebole Juniormester
20. december 2004 - 17:05 #6
Du skal naturligvis skrive stien til billederne i array'et. Browseren _skal_ forespørge serveren, om der er et nyere billede - men den henter det ikke, hvis det er preloaded
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 17:08 #7
Selvfølgelig. Men der står nemlig stadig henter 1 element i browseren når jeg føre musen hen over det.
Avatar billede olebole Juniormester
20. december 2004 - 17:11 #8
Så laver du en fejl et sted ... prøv med et link til siden  :)
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 17:13 #9
http://www.miniklub-mv.dk/test/test/

Det er kun de to første billeder i bunden som virker..

Her er koden:

<script type="text/JavaScript">
function preload() {
  var pics = new Array("bund/pro1_on.jpg", "bund/pro2_on.jpg", "bund/pro3_on.jpg");
  for (i=0; i<pics.length; i++) {
      var im = new Image();
      im.src = pics[i];
  }
}
function swap(imgID, imgSrc) {
  document.getElementById(imgID).src = imgSrc;
}

window.onload = preload;
</script>
</head>



<img id="pro1" src="bund/pro1.jpg" onmouseover="swap('pro1', 'bund/pro1_on.jpg')" onmouseout="swap('pro1', 'bund/pro1.jpg')">
<img id="pro2" src="bund/pro2.jpg" onmouseover="swap('pro2', 'bund/pro2_on.jpg')" onmouseout="swap('pro2', 'bund/pro2.jpg')">
Avatar billede olebole Juniormester
20. december 2004 - 17:19 #10
Det ser da ud til at virke helt efter hensigten  :)
Til gengæld er din side slet ikke synlig i Mozilla  :o|
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 17:20 #11
Okay.. Fint nok... Det må jeg vist hellere få kigget på
Avatar billede morten_soegaard Nybegynder
20. december 2004 - 17:20 #12
Tak for hjælpen... Skriv lige et svar så du kan få dine points
Avatar billede olebole Juniormester
20. december 2004 - 17:32 #13
... selvtak - og God Jul  *<();o)
Avatar billede olebole Juniormester
20. december 2004 - 17:32 #14
Oooops  :)
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