Salve a tutti. Vi chiedo se sapete dimi come mai ottengo tre comportamenti diversi da questo codice:
<script>
function cambiaImmagine() {
document.getElementById("image").src='xxx.gif';
setTimeout(function(){ document.getElementById("image").src='yyy.png'; }, 8000);
...
fai quello che vuoi
... };
</script>
...
<img id="image" onclick="cambiaImmagine()" src="yyy.png" />
FIREFOX: L'immagine non cambia
CHROME: L'immagine cambia regolarmente e dopo 8 secondi ritorna quella precedente.
EXPLORER: L'immagine sparisce (cioe' viene sostituita da un'immagine vuota) e poi torna quella di prima.
Qualcuno mi puo' illuminare su cosa succede?
Su chrome funziona benissimo, percio' ne deduco che non ci sono errori di codice.
<script>
function cambiaImmagine() {
document.getElementById("image").src='xxx.gif';
setTimeout(function(){ document.getElementById("image").src='yyy.png'; }, 8000);
...
fai quello che vuoi
... };
</script>
...
<img id="image" onclick="cambiaImmagine()" src="yyy.png" />
FIREFOX: L'immagine non cambia
CHROME: L'immagine cambia regolarmente e dopo 8 secondi ritorna quella precedente.
EXPLORER: L'immagine sparisce (cioe' viene sostituita da un'immagine vuota) e poi torna quella di prima.
Qualcuno mi puo' illuminare su cosa succede?
Su chrome funziona benissimo, percio' ne deduco che non ci sono errori di codice.