幻灯片:在 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);                
}

但是，一旦我插入下面的代码行，我就会收到一个错误(当前图像.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对象，要么fadeIn在jQuery命名空间中不存在。