Affichage images à intervalle régulier

Version imprimable

Bonjour,
avec ce code j'ai cru pouvoir afficher les images mais non.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<div class="panpub">
 
        <section>
 
            <img src="jspasim.jpg" width="700" height="200" id="masuperimage" />
            <SCRIPT language="javascript" type="text/javascript">
 
// Un tableau qui va contenir toutes tes images.
var images = new Array();
images.push("~/Content/Images/Achats_et_Shopping_en_ligne.jpg");
images.push("~/Content/Images/LIVRAISON_EXPRESS.jpg");
images.push("~/Content/Images/louer nos techniciens partenaires  copie.jpg");
images.push("~/Content/Images/vous n'avez pas du temps nous en avons copie.jpg");
var pointeur = 0;
 
function ChangerImage(){
    document.getElementById("masuperimage").src = images[pointeur];
 
if(pointeur < images.length - 1){
pointeur++;
}
else{
pointeur = 0;
}
 
setTimeout("ChangerImage()", 10000)
}
 
// Charge la fonction
 
window.onload = function(){
ChangerImage();
}
            </SCRIPT>
        </section>
    </div>

Aidez moi à le corriger svp.

Merci bien
Prisson

04/11/2017, 12h38
Archimède
Code:

1 2 setTimeout(ChangerImage, 10000);
ça doit venir de l'écriture de la fonction dans setTimeOut
04/11/2017, 13h36
Prisson

Bonjour mon cher,
rien n'y fait. c'est toujours pareil. pas d'affichage sauf une petite icone au coin superieur gauche.
04/11/2017, 13h57
Watilin

Prisson,

fais déjà la correction que te suggère Archimède. Ensuite, si ça ne marche toujours pas, essaye de trouver des infos dans la console : appuie sur F12 et sélectionne l’onglet console. Il y aura peut-être un message d’erreur qui t’aidera à trouver l’origine du problème.
04/11/2017, 14h16
Prisson

Bonjour Watilin,
je n'arrive pas à atteindre la console. Mais est ce que ce ne serait pas une erreur d'imbriguer SetTimeout() dans une fonction avec pour paramètre la même fonction ?
04/11/2017, 14h38
Archimède

Chez moi, ça fonctionne...même avec setTimeout("ChangerImage()",10000); Ceci dit, je pense que ce n'est pas bien conseillé comme notation...
Peut-être et sans doute le chemin de tes images mal renseigné ?

Sinon, n'oublie pas les points virgule manquants :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html>
 
<html>
<head>
    <title>diapo</title>
</head>
 
<body>
<div class="panpub">
 
<section>
 
  <img src="jspasim.jpg" width="115" height="96" id="masuperimage" />
   <script>
        var images =[];
        images.push("~/Content/Images/Achats_et_Shopping_en_ligne.jpg");
        images.push("~/Content/Images/LIVRAISON_EXPRESS.jpg");
        images.push("~/Content/Images/louer nos techniciens partenaires  copie.jpg");
        images.push("~/Content/Images/vous n'avez pas du temps nous en avons copie.jpg");
        
        var pointeur = 0;
         
        function ChangerImage(){
            document.getElementById("masuperimage").src = images[pointeur];
            if(pointeur < images.length - 1){
            pointeur++;
            }
            else{
            pointeur = 0;
            }
            setTimeout(ChangerImage,10000);//le point virgule
        }
       
        window.onload = function(){
        ChangerImage();
        }; //le point virgule
        </script>
     </section>
    </div>
</body>
</html>

04/11/2017, 16h53
Watilin

Citation:

Envoyé par Prisson

Bonjour Watilin,
je n'arrive pas à atteindre la console.

Tu développes avec quel navigateur ?
04/11/2017, 17h26
Prisson

je développe avec visual studio 2013 et j'utilise internet explorer et chrome comme navigateur
j'implemente d'abord la solution proposée en verifiant les points virgules et je reviens vers vous.
04/11/2017, 17h53
Watilin
Une autre source possible de problème est window.onload. Si d’autres scripts dans la page affectent une nouvelle fonction à cette propriété onload, ta fonction sera écrasée. La solution est d’utiliser un gestionnaire d’évènement comme ceci :
Code:

1 2 3 window.addEventListener("load", function(){ ChangerImage(); });
Autre chose, si tu arrives à avoir accès aux outils de dev de ton navigateur (dont la console fait partie), tu peux voir les requêtes de tes images dans l’onglet réseau. Ça te sera utile pour savoir si les chemins des images sont bons ou pas.
05/11/2017, 04h53
Prisson

Merci bien Watilin pour cette piste. s'il est vrai que seul ce script est abonné à Onload() il n'en demeurre pas aussi vrai que les outils de developpement du navigateur m'ont fourni un lot considerable d'informations qui m'ont permis de mieux cerner mon problème qui etait lié à la syntaxe de l'URL des images.

Merci bien à toi aussi Archimède car sans ton aide je me demande bien si j'aurai pu arriver à bout.

Cdt,
Prisson