Как я могу получить плагин слайдшоу jquery, который изменит несколько div?

Question

Я новичок в jquery, и у меня есть небольшая проблема.

Что мне нужно сделать, так это сделать один div в качестве основного слайд-шоу. Это кажется достаточно простым.

Тем не менее, я хотел бы, чтобы другой div слайд-шоу изменился следующим (содержащий немного текста).

Таким образом, путь изменения будет:

изменение div 1, изменение div 2, изменение div 1, изменение div 2,

и т. Д.

С чего бы мне начать, если бы я хотел выполнить эту задачу до конца дня (наверное, я провожу выходные, читая о JavaScript и jquery)?

Answer 1

Используя jQuery Cycle Plugin , вы можете сделать что-то вроде этого:

    var slide1 = $('.slideshow1');
    var slide2 = $('.slideshow2');
    slide1.cycle({
        after:function(){
            slide1.cycle('pause');
            slide2.cycle('resume');
        }
    });
    slide2.cycle({
        after:function(){
            slide2.cycle('pause');
            slide1.cycle('resume');
        }
    }).cycle('pause');

Проследит, чтобы они всегда оставались синхронизированными, даже если вы приостановите одну из них при наведении или другим способом.

Answer 2

Возможно, вы захотите проверить плагин jQuery Cycle (параметры здесь ) и попробовать установить его с разными задержками, но с одинаковой скоростью. Таким образом, анимации начнутся в разное время, и, хотя они не являются строго синхронными, они выглядят так из-за смещений.