Avatar billede no_doubt Nybegynder
18. juni 2001 - 23:20 Der er 12 kommentarer og
1 løsning

reload billede

Hvordan for jeg med javascript mit billede reloaded hver 5 sek, billedet hedder webcam.jpg
Avatar billede sukos Juniormester
18. juni 2001 - 23:36 #1
<html>
<head>
<title>Random-script</title>
<script language=\"JavaScript\">
<!--
adImg = new Array(\"webcam.jpg\");
curDate = new Date();
curSec = curDate.getSeconds();
adNr = curSec % adImg.length;
adTimer = 0;
function rotate(){
  adNr = adNr + 1;
  if (adNr >= adImg.length) {
    adNr = 0;
    }
  document.adDsp.src = adImg[adNr];
  adTimer = setTimeout(\"rotate()\",5000);
}
// -->
</script>
</head>
<body onload=\"rotate();\">
<p align=\"center\">
  <img name=\"adDsp\" src=\"webcam.jpg\"
      border=\"0\" width=\"468\" height=\"60\"></a></p>

</body>
</html>
Avatar billede sukos Juniormester
18. juni 2001 - 23:36 #2
Tror jeg :o)
Avatar billede no_doubt Nybegynder
18. juni 2001 - 23:42 #3
eejj, den virkede ik
Avatar billede no_doubt Nybegynder
19. juni 2001 - 00:25 #4
arh kom nu *s* Jakoba eller olebole
Avatar billede prodic Mester
19. juni 2001 - 00:47 #5
<img src=\"picture.gif\" name=\"myImageName\">

<script language=\"JavaScript\"><!--
function reloadImage() {
    var now = new Date();
    if (document.images) {
        document.images.myImageName.src = \'picture.gif?\' + now.getTime();
    }
    setTimeout(\'reloadImage()\',10000);
}

setTimeout(\'reloadImage()\',10000);
//--></script>


Måske...
Avatar billede no_doubt Nybegynder
19. juni 2001 - 00:54 #6
jep
Avatar billede prodic Mester
19. juni 2001 - 01:01 #7
Kanont! Tak for point.
Avatar billede no_doubt Nybegynder
19. juni 2001 - 01:14 #8
Så lidt
Avatar billede jakoba Nybegynder
19. juni 2001 - 01:17 #9
Jeg for modet det er vigtigt at billedet bliver loadet fra serveren og ikke blot hentes fra cashe. For at opnå det må vi lave en lille ændring i navnet hver gang, fc ved at give billedets url en queryparameter med dem et løbenummer:

var taeller = new Date();
taeller = taeller.valueOf();

så kan vi reloade fra server med:
    taeller += 1
    preImg.src = \"webcam.jpg?\" +taeller; 

og få det ny billede hver gang

Det er surt hvis billedet hele tiden forsvinder og langsomt loader ind igen så vi preloader billedet i et Image objekt

var preImg = new Image();        // Image objekt at preloade i

function imgReady() {
  document.images.swapimage.src = preImg.src;
  setTimeout( \"reloadBilled(), 4500 ); // lid under 5 sekunder pga loadtid
};

preimg.onLoad = imgReady;  // lav imgReady til onload event for preload objektet
                            // NB: ingen () efter imgReady her.

så skal vi bare sætte det i rækkefølge og lave en html image kommando at svappe billedet ind i:

i head:
<script language=\'javascript\'>

var preImg = new Image();

var taeller = new Date();
taeller = taeller.valueOf();  // det tal findes næppe i brugeren cashe

var automatik = false;            // styrer automatikken. start slukket
var threadHandle = 0;

function imgReady() {
    document.images.swapimage.src = preImg.src;
    taeller += 1; tæl tæller een op
    if ( automatik )
        threadHandle = setTimeout( \"preImg.src=\'webcam.jpg?\" +taeller +\"\'\", 4500 );
                                    // lidt under 5 sekunder pga loadtid
}; //end imgReady()

preImg.onLoad = imgReady;  // lav imgReady til onload event for preImg objektet
                              // NB: ingen () efter imgReady her.
function startAuto() {
  if ( ! automatik ) {
    preImg.src = \"webcam.jpg?\" +taeller;  // start den første load
    automatik = true;
  }
}; //end startAuto()

</script>

nede i body laver du billed kommandoen:

<ing src=\"webcam.jpg\" width=300 height=200 name=\"swapimage\">

og et par links:

<a href=\"java script:void( automatisk = false );\">stop automatisk reload af billedet</a>

<a href=\"java script:void( startAuto() );\">start automatisk reload af billedet</a>

mvh JakobA
Avatar billede prodic Mester
19. juni 2001 - 01:20 #10
Såfremt den løsning er mere anvendelig - så uddeler jeg hellere end gerne mine \"måske\" ufortjente point.
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 01:27 #11
Arj, nu havde jeg endelig fået bikset en version sammen. Samme idé som Jakoba. At sætte et random nr efter.

Se prodic - du skal da ikke tale om billige point. Du kan jo ikke én eneste kode og så poster svar her. *GGGG* - Nja, det skal være dig velundt at konsolidere din 18. plads. (Eneste minus var at jeg gerne ville have haft nuppet pointene foran Sukos)!!

/Nikolaj

http://www.fotx.net/nikolajdu
Avatar billede prodic Mester
19. juni 2001 - 01:31 #12
Nikolajdu->Jeg kan da op til flere koder - aner bare ikke hvad de gør....bortset fra dem jeg kan gætte mig frem til. :-)
Avatar billede nikolajdu Nybegynder
19. juni 2001 - 01:45 #13
Skal jo ikke sige noget. Jeg prøver mig vist ofte selv lidt frem... *ss*
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