У меня есть очень много маленьких jQuery Cycle слайд-шоу (контейнеров) на одностраничном веб-сайте, например

    <div class="foo bar" data-value="1000"> // data-value varies on each container
        <img src="directory/img_0.jpg" alt="img 0" />
        <img src="directory/img_1.jpg" alt="img 1" />
        <img src="directory/img_2.jpg" alt="img 2" />
    </div>

и хочу зациклить их всех -with each slideshow div having a different data-value - без жесткого кодирования / повторения

$(document).ready(function() {
  $('.foo.bar').cycle({
      speed: 300,
      timeout: 6000,
      delay: $('.foo.bar').data('value')
  });
});

на все случаи такого показа слайдов. Как я могу "прикрепить"? или "связать" или & quot; ссылка & quot; такая функция jQuery для каждого div слайд-шоу, чтобы использовалось различное значение данных каждого элемента? Я подозреваю, что функция .each () jQuery может позволить мне сделать это, но как?

РЕДАКТИРОВАТЬиграть на скрипке

Заранее большое спасибо!