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'); 
 });