Affichage images à intervalle régulier

**Prisson** · 04/11/2017, 11h46

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

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

**Archimède** · 04/11/2017, 12h38

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 setTimeout(ChangerImage, 10000);

ça doit venir de l'écriture de la fonction dans setTimeOut

**Prisson** · 04/11/2017, 13h36

Bonjour mon cher,
rien n'y fait. c'est toujours pareil. pas d'affichage sauf une petite icone au coin superieur gauche.

**Watilin** · 04/11/2017, 13h57

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.

**Prisson** · 04/11/2017, 14h16

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 ?

**Archimède** · 04/11/2017, 14h38

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é ?

**Archimède** · 04/11/2017, 15h06

Sinon, n'oublie pas les points virgule manquants :

Code html :

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

**Watilin** · 04/11/2017, 16h53

Envoyé par Prisson

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

Tu développes avec quel navigateur ?

**Prisson** · 04/11/2017, 17h26

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.

**Watilin** · 04/11/2017, 17h53

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Prisson** · 05/11/2017, 04h53

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

Affichage images à intervalle régulier

JavaScript

Discussions similaires

Partager

Partager