Tableau de fichiers Aperçu sur un clic

Question

Fichiers est un tableau utilisé ici et passé trois éléments en elle. Après le prochain button je reçois seulement le premier article de array. Comment obtenir les éléments suivants un par un onclick suivant button?

S'il vous plaît trouver le code js ci-dessous:

function plusSlides(n) { 

    var i; 
    var currentIndex= 0; 

    var files = ["","",""]; 
    if(currentIndex<files.length) 
{ 
    var omyFrame = document.getElementById("myFrame"); 
omyFrame.style.display="block"; 
omyFrame.src = files[currentIndex]; 
currentIndex++; 
    } 
n++; 
} 

Answer 1

La raison pour laquelle vous obtenez seulement le premier élément du tableau chaque fois est parce que vous déclarez currentIndex et files dans la fonction plusSlides. Chaque fois qu'il est appelé, currentIndex est réinitialisé à 0.

Essayez de mettre ces déclarations en dehors de la fonction plusSlides:

var files = ['', '', '']; 
var currentIndex = 0; 

function plusSlides() { 
    ... 
} 

Answer 2

Chaque fois que vous appelez votre fonction, vous vous réinitialisation currentIndex variables car il est dans le cadre de votre fonction. Vous pouvez faire votre currentIndex variable globale ou conserver les informations de l'indice actuel dans votre fonction:

function plusSlides(n) { 
 
    this.currentIndex = this.currentIndex || 0; 
 

 
    var files = ["", "", ""]; 
 
    if(this.currentIndex < files.length) 
 
    { 
 
     // Reset your iframe source here 
 
     this.currentIndex++; 
 
    } 
 
    console.log(this.currentIndex); 
 
}

Answer 3

La valeur « n » vous passez à la fonction est utilisée nulle part dans la fonction . De plus, les variables i et currentIndex sont réinitialisées, donc d'une certaine manière, elles ne sont pas utiles ici. Vous pouvez mettre à jour la valeur de currentIndex en fonction du paramètre transmis, puis le coder en conséquence. Essayez le code ci-dessous,

var currentIndex= 0; 
var files = ["","",""]; 

function plusSlides(n) { 
     if(n == 1) 
      currentIndex++; 
     else 
      currentIndex--; 
     currentIndex = (currentIndex <= -1)? 0 : currentIndex;   
     if(currentIndex<files.length) 
     { 
      var omyFrame = document.getElementById("myFrame"); 
      omyFrame.style.display="block"; 
      omyFrame.src = files[currentIndex]; 
     } 
    }