JQuery цикл: приостановить несколько слайд-шоу

Question

<script type="text/javascript">
$(window).load(function() {
    $('.thumbnail_container')
        .cycle('fade')
        .cycle('pause'); 
});
</script>

<div class="thumbnail_container">
    <img src='photos/10.jpg'>
    <img src='photos/11.jpg'>
</div>      
<div class="thumbnail_container">
    <img src='photos/20.jpg'>
    <img src='photos/21.jpg'>
</div>      
<div class="thumbnail_container">
    <img src='photos/30.jpg'>
    <img src='photos/31.jpg'>
</div>

Я написал вышеуказанный скрипт. Что я хочу, чтобы приостановить все слайд-шоу. Тем не менее, все 3 слайд-шоу были потеряны, но только первое было приостановлено.

Как я могу приостановить все 3 слайд-шоу одновременно?

Answer 1

Вам нужно будет сделать каждый из них во всех слайд-шоу, иначе он активирует только первое совпадение в массиве.

 $('.thumbnail_container').each( function(){
   $(this).cycle('pause'); 
 });