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 : 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>
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
        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