1

我正在编写一些相当基本的 jQuery 代码来从 DIV 中的一组图像创建幻灯片。CSS 确保所有图像都堆叠在一起。该脚本查看集合中的活动图像，然后将 NEXT 图像的 z-index 向上移动（通过 CSS 类）并将其从 0.0 不透明度淡入。冲洗，重复。它实际上是基于我在John Raasch 的博客中找到的一些代码。

我正在尝试调整代码，以便在不透明度淡入淡出完成后，它会查看页面上的下一个幻灯片 DIV，将其前进一个图像，然后继续向下滚动页面，直到所有 DIV 依次向前移动一帧。然后，我希望它等待一段时间，然后重新开始。

我已经尝试生成以下代码，但它让我崩溃，告诉我 target.next 不是一个函数......

jQuery

$(document).ready(function(){
    setInterval( "slideSwitch('div:first')", 5000 );
});

function slideSwitch(target) {
    var nextTarget = target.next();
    var active = $(target+' img.active');

    if (active.length == 0)
        active = $(target+' img:last');

    var next = active.next().length ? active.next() : $(target+' img:first');

    active.addClass('last');

    next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 500, function() {
            active.removeClass('active last');
            slideSwitch(nextTarget);
        });
};
4

1 回答 1

1

您的“目标”不是 jquery 对象。你需要做 $(target).next()

于 2009-08-05T00:52:12.233 回答