ホバリングでjQueryサイクルを使用する

Question

jQueryサイクルは、スライドショーがホバリングされているときにのみ実行されるようにしようとしています（組み込み機能とは逆です）。私がでてるのはここ

です：http://jsfiddle.net/zSBMU/

$(document).ready(function() { 

$('.slideshow').hover(
    function() { 
     $(this).cycle({ 
      fx:  'fade', 
      speed: 600, 
      timeout: 300, 
      pause: 0 
     }); 
    }, 
    function(){ 
     $(this).cycle('stop'); 
    } 
).trigger('hover'); 

}）;

初めてホバーすると、うまく動作します。しかし、同じものをもう一度ホバリングしようとすると、再びループするのではなく、1つのフェードを経るだけです。

アイデア？

グロスコードのいくつかを無視して、ここでかなり古いテーマで作業してください。

Answer 1

「停止」を使用してサイクルを再作成しているので、オブジェクトに複数のサイクルが追加されています。

「一時停止」と「再開」を使用する必要があります。怒鳴る

例：

var cycleConfigured = false; 
$(document).ready(function() { 

    $('.slideshow').hover(
     function() { 
      if(cycleConfigured) 
       $(this).cycle('resume'); 
      else 
      { 
       $(this).cycle({ 
        fx:  'fade', 
        speed: 600, 
        timeout: 300, 
        pause: 0 
       }); 
       cycleConfigured = true; 
      } 
     }, 
     function(){ 
      $(this).cycle('pause'); 
     } 
    ).trigger('hover'); 

});​ 

変数cycleConfiguredは、それがすでにインスタンス化されたかどうかを確認するために、私たちのサイクルのプラグインを制御するために使用されます。代替であなたは$(document).ready()にそれを作成し、このようにそれを一時停止することができます。

$(document).ready(function() { 
    // configure the cycle plugin 
    $('.slideshow').cycle({ 
     fx:  'fade', 
     speed: 600, 
     timeout: 300, 
     pause: 0 
    }); 
    $('.slideshow').cycle('pause'); // pause it right away. 

    $('.slideshow').hover(
     function() { 
       $(this).cycle('resume'); // start playing. 
     }, 
     function(){ 
      $(this).cycle('pause'); // pause the slideshow. 
     } 
    ).trigger('hover'); 

});​ 

次にあなたがする必要があるすべては終わっ上での$(this).cycle('pause')と$(this).cycle('resume')を使用しています。

私に知らせてください。