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 :
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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>
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 ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 i2 = new Image; i2.src = "<%= photo_gauche() %>"; i1 = new Image; i1.src = "<%= photo_droite() %>";
Merci d'avance,
FoxDeltaSierra
Partager