幻燈片：在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);                
    }

我使用Ajax從JSON文件中獲取了“文件”數組。 有誰知道如何解決這個問題？

Answer 1

嘗試

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

淡入jQuery對象，而不是數組對象。

currentImage.fadeIn is not a function它告訴您currentImage不是jQuery對象，或者jQuery名稱空間中不存在fadeIn。