スライドショー：JQueryでフェードインとフェードアウト

Question

JQueryを使用してスライドショーを作成しています。スライドショーは、以下のコードで動作します。私は以下のコードの行を挿入したら

 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);     
     } 

しかし、私は（currentImage.fadeInは関数ではありません）エラーを得た：

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);     
    } 

I「のファイルを持って'配列をAjaxを使用してJSONファイルから取得します。 これを修正する方法を知っている人はいますか？

Answer 1

はjQueryオブジェクトではなく、配列オブジェクトに

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

フェードを試してみてください。

currentImage.fadeIn is not a functionは、currentImageがjQueryオブジェクトではないこと、またはfadeInがjQuery名前空間に存在しないことを伝えています。