Question

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

我正在尝试调整代码，以便在不透明度渐变完成时，它会查看页面上的下一个幻灯片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);
        });
};

Answer 1

你的“目标”不是jquery对象。你需要做$（目标）.next（）

jQuery：将幻灯片从一个DIV转换为多个DIV

1 个答案: