幻灯片：在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。