jquery cycle：複数のスライドショーを一時停止

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