|
|||||||
|
|
|
 |
|
|
Strumenti |
27-04-2009, 14:35
|
#1 |
|
Senior Member
Iscritto dal: Feb 2008
Città: Venosa (PZ) / Bari
Messaggi: 1114
|
[Javascript] Aiuto con slideshow
Ciao a tutti..
ho una webcam e faccio creare giornalmente un video tramite uno slideshow in javascript. Questo è il codice: <form name="PlayForm"> <table> <tr> <td><input type="button" onclick="animImageDec();setCurrImage()" value="<<"> <td><input type="button" onclick="startPlay()" value="Play >>"> <td><input type="button" onclick="clearLastUpdate()" value="Stop"> <td><input type="button" onclick="animImageInc();setCurrImage()" value=">>"> </table> <body> <img name="MainImage" src="00.00.jpg" border="0"> <script language="javascript"> img1= new Image(); img1.src="00.00.jpg"; img2= new Image(); img2.src="00.05.jpg"; img3= new Image(); img3.src="00.10.jpg"; img4= new Image(); img4.src="00.15.jpg"; img5= new Image(); img5.src="00.20.jpg"; img6= new Image(); img6.src="00.25.jpg"; img7= new Image(); img7.src="00.30.jpg"; img8= new Image(); img8.src="00.35.jpg"; img9= new Image(); img9.src="00.40.jpg"; img10= new Image(); img10.src="00.45.jpg"; img11= new Image(); img11.src="00.50.jpg"; img12= new Image(); img12.src="00.55.jpg"; img13= new Image(); img13.src="01.00.jpg"; ecc (fino alle 23.55) imgarray = new Array(540); imgarray[1] = new Image(); imgarray[1].src = "00.00.jpg"; imgarray[2] = new Image(); imgarray[2].src = "00.05.jpg"; imgarray[3] = new Image(); imgarray[3].src = "00.10.jpg"; imgarray[4] = new Image(); imgarray[4].src = "00.15.jpg"; imgarray[5] = new Image(); imgarray[5].src = "00.20.jpg"; imgarray[6] = new Image(); imgarray[6].src = "00.25.jpg"; imgarray[7] = new Image(); imgarray[7].src = "00.30.jpg"; imgarray[8] = new Image(); imgarray[8].src = "00.35.jpg"; imgarray[9] = new Image(); imgarray[9].src = "00.40.jpg"; imgarray[10] = new Image(); imgarray[10].src = "00.45.jpg"; imgarray[11] = new Image(); imgarray[11].src = "00.50.jpg"; imgarray[12] = new Image(); imgarray[12].src = "00.55.jpg"; imgarray[13] = new Image(); imgarray[13].src = "01.00.jpg"; ecc (fino alle 23.55) var timeoutValue = 300; var animDelay = 1000; var numOfImages = 540; </script> <script language="javascript"> document.PlayForm.IntervalValue.value = timeoutValue; </script> <script language="javascript"> var imageIndex = 0; var timeoutID = 0; var playMode = 0; function animImageInc() { if (imageIndex < numOfImages) imageIndex++ else imageIndex = 1; } function animImageDec() { if (imageIndex > 1) imageIndex--; else imageIndex = numOfImages; } function setCurrImage() { document.MainImage.src = imgarray[imageIndex].src; } function updateAnim() { var currTimeoutValue; currTimeoutValue = timeoutValue; if (playMode == 1) { animImageInc(); if (imageIndex == numOfImages) currTimeoutValue += animDelay; } else { clearLastUpdate(); if (imageIndex == 1) currTimeoutValue += animDelay; } setCurrImage(); timeoutID = setTimeout("updateAnim()", currTimeoutValue); } function clearLastUpdate() { clearTimeout(timeoutID); timeoutID = 0; } function startPlay() { clearLastUpdate(); playMode = 1; updateAnim(); } function startPlayReverse() { clearLastUpdate(); playMode = 2; updateAnim(); } updateAnim(); </script> (La pagina internet è questa: http://webcamvenosa.altervista.org/archivio/oggi.html) Capita però che alcune immagini della cam non vengano caricate (per esempio capita che non vengono caricate le immagini 00.40.jpg e 00.45.jpg) e perciò la sequenza di immagini non è continua e ci sono momenti in cui non si vede l'immagine (appunto quando manca). Come si può ovviare a questo problema? Avevo pensato a degli IF: se manca l'immagine 00.40.jpg passa subito alla 00.45.jpg. Se manca la 00.45.jpg passa alla 00.50.jpg e così via. E' possibile fare una cosa del genere? Chi potrebbe aiutarmi? Non sono esperto in javascript.. Grazie! |
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 18:23.
