jQuery: преобразование слайд-шоу из одного DIV в несколько DIV - PullRequest
Новая
       11

jQuery: преобразование слайд-шоу из одного DIV в несколько DIV

1 голос
/ 05 августа 2009

Я пишу довольно простой код jQuery для создания слайд-шоу из набора изображений в DIV. CSS гарантирует, что все изображения накладываются друг на друга. Сценарий просматривает активное изображение в наборе, затем перемещает z-индекс СЛЕДУЮЩЕГО изображения вверх (с помощью класса CSS) и увеличивает его с 0,0 непрозрачности. Промыть, повторить. На самом деле он основан на коде, который я нашел в блоге Джона Рааша .

Я пытаюсь настроить код так, чтобы, когда затухание непрозрачности было завершено, оно смотрело на следующий слайд-шоу DIV на странице, перемещало его на одно изображение и продолжало вниз по странице, пока все DIV последовательно не переместились на Рамка. Затем я хотел бы подождать некоторый интервал и повторить все заново.

Я пытался создать следующий код, но он сломался, сообщая, что target.next не является функцией ...

1009 * 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);
        });
};

1 Ответ

1 голос
/ 05 августа 2009

ваша "цель" не является объектом jquery. вам нужно сделать $ (target) .next ()

...