Ciao, avrei bisogno di cambiare delle immagini specifiche [3 per la precisione] ad un certo intervallo di tempo ben definito.
Ovvero
a.gif
b.gif
c.gif
dopo 30 secondi
a.gif diventa = d.gif
b.gif diventa = e.gif
c.gif diventa = f.gif
potete aiutarmi?
grazie mille
ciao
una roba del genere?
setTimeout("cambia()", 30000)
function cambia() {
document.images[0].src="d.gif"
document.images[1].src="e.gif"
document.images[2].src="f.gif"
}
Ciao, ti ringrazio per la risposta.
Cerco di abusare del tuo aiuto ed entro nel dettaglio.
Io avrei bisogno di realizzare una soluzione come quella di
www.opel.fr
Sai per caso come si può fare?
Grazie
un'immagine che cambia in continuazione entro un intervallo di tempo?
puoi risolvere con una semplice recursione:
var actImm = 0;
var limite = 10;
function cambia() {
if (actImm == limite)
actImm = 0;
document.images[0].src=++actImm+".gif"
setTimeout("cambia()", 30000)
}
qui ho supposto che le immagini vadano da 1 a 10 e che debbano ruotare all'infinito.
actImm puo` anche essere l'indice di un array dove sono contenuti i nomi delle immagini da caricare (gli array partono da 0 ricorda)
Ora provo e ti dico grazie
mi resta solo qualche dubbio riguardante
in che modo viene identificata questa img?codice:document.images[0].src
beh document.images e` un array contenente il riferimento a tutte le immagini presenti nel documento html
quindi document.images[0] fa riferimento alla prima immagine presente nel documento
e con document.images[0].src accedi al suo attributo src.
se vuoi identificare l'immagine con un nome puoi creare il tag cosi`:
[img]quachecosa.qualcosa[/img]
poi da script: document.images.imm1.src
quindi accedi all'attributo src dell'immagine di nome "imm1"
puoi anche usare quest'altro sistema:
[img]quachecosa.qualcosa[/img]
quindi:
document.getElementById("imm1").src
ciao
Scusatese riprendo questo argomento, giustamente mi e' stato detto di leggere i post passati visto che la mai domanda era esattamente questa postata una settimana fa..
ho letto tutto con attenzione, purtroppo e' da poco che costruuisco siti web quindi sono un po lento a realizzare quanto scritto sopra, che sembrerebbe facile, ma cosi nn e'...
Allora, io farei cosi, creerei una cartella con dentro tutte le immagini che dovrebbero girare con intervallo regolare nella home page, dopodiche' scriverei questo comando
var actImm = 0;
var limite = 10;
function cambia() {
if (actImm == limite)
actImm = 0;
document.images[0].src=++actImm+".gif"
setTimeout("cambia()", 30000)
e' sufficiente fare questo,cambiando il nome di "document.images" oppure dovrei cambiare qualche valore nel comando appena copiato??
spero di ricevere un vostro aiuto, saluti a tutti
ah dimenticavo, per usare questo js bisogna avere le estensione lato server oppure sono sufficiente quelle lato client
ciao
certo mi rendo conto che per chi nn ci lavora tutti i gg puo` risultare poco chiaro. Allora guarda ti scrivo una piccola pagina intera cosi` capisci esattamente come vanno messe le varie parti. Lato server non ti serve niente.
<html>
<head>
<script>
var actImm = 0;
var limite = 10;
function cambia() {
if (actImm == limite)
actImm = 0;
document.images.imm1.src=++actImm+".gif"
setTimeout("cambia()", 6000)
}
</script>
</head>
<body onload="cambia()">
[img]immagini/1.gif[/img]
</body>
</html>
ecco nel body puoi inserire quello che ti pare.
Sto sopponendo che tu abbia una cartella di immagini ("immagini") con dentro dieci immagini chiamate 1.gif, 2.gif....10.gif)
il numero 6000 le fa ruotare ogni 6 secondi.
Scusate se mi intrometto,
e se volessi dare un effetto di transizione, che so tipo dissolvenza?
Si puòe se si, come
mi sa che in html non si puo`, c'era qualcosa del genere per i vecchi explorer ma non era crossbrowser e nn so se c'e` ancora
cmq ragazzi e` pieno il mondo di scriptini che fanno queste cose...
in flash ne trovate con tutti gli effetti che vi pare...
chiedete all'amico google
Permessi di invio
Rispondi quotando