jQuery Cycle - рандомизация нескольких элементов в синхронизации

Question

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

У меня есть два контейнера div с набором вложенных div:

(div class=text (.textA, .textB, .textC)), (div class=image (.imageA, .imageB, .imageC))

Я использую это для запуска одновременного перехода:

$('.text, .image').cycle({
    fx:    'fade',
    delay: -2000,
    speed:  'slow',
    random: 1
});

но я всегда получаю другой порядок в обоих div-элементах: (.text .textB) -> (.image .imageA) и т. Д.

Как получить синхронное отображение обоих вложенных элементов?

Answer 1

Установите цикл только в одном из слайд-шоу;затем используйте обратный вызов after для перехода другого на соответствующий слайд:

after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
    // your code here
}