Avatar billede syswatch Novice
15. december 2004 - 10:54 Der er 2 kommentarer og
1 løsning

Skift billede ud hvert 3 sec uden brug af onLoad i body

Hejsa.
Er det muligt på en eller anden måde at lave et JavaScript der skifter et billede ud med 4 forskellige andre, uden at det skal aktiveres i <body> med en OnLoad funktion ?

Hvis ja, hvordan gøres dette så ?
Avatar billede skovenborg Nybegynder
15. december 2004 - 11:20 #1
Hvorfor vil du ikke bruge onload-eventen? Din funktion skal jo startes på en eller anden måde, og i dette tilfælde er det bedst at bruge netop onload-eventen, for så ved man at dokument-træet er færdigt, og man kan skifte billederne ud (ellers er det jo ikke sikkert img-elementet overhovedet er lavet endnu).

Men måske vil du bedre synes om window.onload, så du ikke behøver pille ved selve body-tagget:
<script type="text/javascript">
  var imgName = "billede";
  var imgArray = ["billede1.jpg","http://www.eksperten.dk/img/elogo.png","http://www.google.dk/images/hp0.gif"];
  var antal_sekunder = 3;
  var currentIndex = 0;
  var timer;
 
  var preloadArray = new Array();
  function preloadImages(arr) {
      for (i=0;i<arr.length;i++) {
        preloadArray[i] = new Image();
        preloadArray[i].src = arr[i];
      }
  }
  preloadImages(imgArray);
 
  function changeImage() {
    document.images[imgName].src = imgArray[currentIndex++];
    if (currentIndex >= imgArray.length) {currentIndex = 0;}
  }
 
  window.onload = function() {
    timer = window.setInterval("changeImage();",antal_sekunder*1000);
  }
</script>

<body>
<img src="billede1.jpg" name="billede">
</body>
Avatar billede syswatch Novice
21. december 2004 - 15:13 #2
skovenborg, smider du et svar ?
Avatar billede skovenborg Nybegynder
21. december 2004 - 17:52 #3
jovjovda :-)
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