-
funzione fotogallery
ragazzi vorrei fare una piccola funzione che fa si che un immagine si cambi ogni tot secondi questo è quello che ho fatto ma nn va bene
Codice HTML:
<html>
<head>
<title>photogallery</title>
<SCRIPT TYPE="text/javascript">
function mostrafoto(){
var immagini = new Array();
immagini[0]=img/al.jpg;
immagini[1]=img/basten.jpg;
immagini[2]=img/calaio.jpg;
immagini[3]=img/kaka.jpg;
immagini[4]=img/matrix.jpg;
while(){
indice x = Math.random() * 4;
var img= immagine[x];
document.foto.src="img";
}
} </SCRIPT>
</head>
<body onload="mostrafoto()">
<div><IMG name="foto" src="img/10.jpg"></div>
</body>
</html>
nn so se esiste in javascript la funzione sleep ciao e grazie
[DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio...
-
Non c'è la funzione sleep, ma puoi simularla con poche modifiche al tuo script:
Codice HTML:
<html>
<head>
<title>photogallery</title>
<SCRIPT TYPE="text/javascript">
// le immagini sono sempre le stesse, per cui meglio che stiano fuori dalla funzione...
var immagini = new Array();
immagini[0]=img/al.jpg;
immagini[1]=img/basten.jpg;
immagini[2]=img/calaio.jpg;
immagini[3]=img/kaka.jpg;
immagini[4]=img/matrix.jpg;
function mostrafoto(){
indice x = Math.random() * 4;
var img= immagine[x];
document.foto.src="img";
setTimeout ("mostrafoto()",2000);
} </SCRIPT>
</head>
<body onload="mostrafoto()">
<div><IMG name="foto" src="img/10.jpg"></div>
</body>
</html>
Il secondo parametro di setTimeout è il tempo in millisecondi su cui imposti il ritardo di esecuzione (o, in questo caso, la ripetizione) della funzione (qui sopra è 2000 ms = 2 secondi).
Stammi bene...
-
ho messo il codice come mi hai suggerito solo che le immagini nn si aggiornano..
-
Prova a fare questa modifica:
Codice:
<script type="text/javascript">
// le immagini sono sempre le stesse, per cui meglio che stiano fuori dalla funzione...
var immagini = new Array();
immagini[0]="img/al.jpg";
immagini[1]="img/basten.jpg";
immagini[2]="img/calaio.jpg";
immagini[3]="img/kaka.jpg";
immagini[4]="img/matrix.jpg";
function mostrafoto(){
var x=Math.floor(Math.random()*4);
var img=immagine[x];
document.foto.src=img;
setTimeout("mostrafoto()",2000);
}
</script>
-
già l'avevo pensato e cambiato però nn va lo stesso...
http://fraie.altervista.org/galleria.html
-
Non hai fatto tutte le modifiche che ho scritto io. Copia e incolla il mio codice.
-
ho messo i ltuo codice ma niente...
-
Al posto di:
Codice:
var img=immagine[x];
Metti:
Codice:
var img=immagini[x];
-
ok ora va bene:) ti volevo chiedere un'altra cosa visto che devo mettere questo script nella home ci sta un modo per far aggiornare solo il div dove posizionerò l'immagine che si aggiorna
-
Ma adesso si aggiorna solo un'immagine. Basta che dai solo a lei il name "foto".
-
ok grazie mille funziona bene
EDIT!