Discussion :

[Elztx]

Bonjour à tous et à toutes,

Je créé actuellement un diaporama en Javascript pur orienté objet en suivant les bases d'un tuto (je ne maîtrise pas encore JS).
J'ai un petit souci avec mon code (similaire à celui du tuto qui fonctionne), j'obtiens le message d'erreur suivant dans ma console :


Voici le code du slider :

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
function Diaporama( cible,tableau,repertoire,duree){
 
 this.cible=document.getElementById("diapo");
 this.Tableau=tb;
 this.temp=tps;
 this.repertoir_image="images/";
 this.tbmage=-1;
 
 this.diap();
 
 
 this.diap = function(){
 
   this.tbmage++;
   this.cible.src=this.repertoir_image+this.Tableau[this.tbmage];
   if(this.tbmage==this.Tableau.length-1){
    this.tbmage=-1
   }
   var that=this;
   setTimeout(that.diap, that.temp);
  }
}
 
 
function inimage(){
 
 var tbdiapo=new Array("velo1.png","velo2.png","velo3.png","velo4.jpg");
 
 new Diaporama('diapo',tbdiapo,'images/',900)
 
}
 
typeof window.addEventListener == 'undefined' ? window.attachEvent("onload",inimage) : window.addEventListener("load",inimage, false);

Pour tester le code, voici les balises simples et le css :

Code HTML :

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

1
2
3
4
5
6
7
8
  <div class="slider">
 
                    <figure slide="slide">
                        <img id="diapo">
                        <figcaption id="legende"></figcaption>
                    </figure>
 
                </div>

Code CSS :

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

1
2
3
4
5
6
body{
background: black
}
img{
width:12%;
}

Si quelqu'un a un peu de temps pour jeter un œil et m'expliquer les choses, je veux bien
Bonne journée