Diashow: Einblenden und Ausblenden von JQuery

Question

Ich erstelle eine Diashow mit JQuery. Diashow arbeitet mit dem folgenden Code:

 function playSlideshow() { 

      timer = setInterval(function() { 

      thumbnails.children[currentNum].className = ''; 

       currentNum++; 
       if (currentNum > data.files.length - 1) { 
        currentNum = 0; 
        console.log(currentNum); 
       } 

       var currentImage = data.files[currentNum]; 
       target.src = currentImage; 

       thumbnails.children[currentNum].className = 'current'; 
       //playSlideshow(); 
      }, 3000);     
     } 

aber ich habe einen Fehler (currentImage.fadeIn ist keine Funktion), sobald ich die Zeilen Code unten eingefügt:

function playSlideshow() { 

     timer = setInterval(function() { 

      thumbnails.children[currentNum].className = ''; 

      $('#main>img').fadeOut('slow'); 

      currentNum++; 
      if (currentNum > data.files.length - 1) { 
       currentNum = 0; 
      } 

      var currentImage = data.files[currentNum]; 
      //var image = data.files[currentNum].clone(true); 
      $('#main>img').prepend(currentImage.fadeIn('slow')); 
      target.src = currentImage; 

      thumbnails.children[currentNum].className = 'current'; 
      //playSlideshow(); 
     }, 3000);     
    } 

Ich habe die ‚Dateien 'Array aus einer JSON-Datei mit Ajax. Hat jemand eine Idee, wie man das beheben kann?

Answer 1

Versuchen

$('#main>img').prepend(currentImage).fadeIn('slow'); 

Fade auf dem Objekt jQuery, nicht das Array-Objekt.

currentImage.fadeIn is not a function teilt Ihnen mit, dass entweder currentImage kein jQuery-Objekt ist oder fadeIn im jQuery-Namespace nicht vorhanden ist.