Changer la valeur d'un DIV instantanément
Bonjour à tous,
J'ai programmé une page qui affiche deux photos et les actualises toutes les 10 secondes. Problème : lors de l'affichage de la nouvelle valeur du DIV contenant les photos, la page devient blanche un moment et les photos apparaissent ensuite. C'est très désagréable.
Voici la page :
http://aero-club-bordeaux.com/webcams/webcams.aspx
Voici le code Javascript :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<script>
function Actualiser() {
i2 = new Image;
i2.src = "<%= photo_gauche() %>";
i1 = new Image;
i1.src = "<%= photo_droite() %>";
obj = document.getElementById("Panorama");
obj.innerHTML = <%= Panorama() %>;
}
setInterval("Actualiser()", 10000);
</script>
<div id="Panorama" class="EX_div">
<%=Panorama()%>
</div> |
Ma question : est-il possible de paramétrer tout ça pour que le changement de DIV se fasse instantanément ? Pour éviter d'avoir l"effet de clignotement que cela produit. A noter que j'ai au préalable chargé les images dans le cache du navigateur avec :
Code:
1 2 3 4 5
| i2 = new Image;
i2.src = "<%= photo_gauche() %>";
i1 = new Image;
i1.src = "<%= photo_droite() %>"; |
Autre problème mais sans rapport : j'ai réglé le delay du SetInterval à 10000 (10 secondes), et la valeur du timer est de 1 seconde... normal ?
Merci d'avance,
FoxDeltaSierra