2010-12-11 6 views
0

私はAviaスライダーを使ってイメージローテーターを作成していますが、スライダーの上にカーソルを置いたときに画像を変更するためにコードを少し変更しました。jQuery関数が完了していない/ Aviaスライダー

正常に動作しますが、移行が完了する前にマウスを動かすと壊れていることがわかりました。どのように私はこれを実装することができますので、ユーザーがマウスを動かすと、移行が進行中であれば、スライダーが壊れることはありません。

$('.mask').mouseenter(function() { 
     if(!skipSwitch) 
     { 
      currentSlideNumber ++; 
      if(currentSlideNumber == slideCount) 
      currentSlideNumber = 0; 
      slideWrapper.methods.switchSlide(); 
     } 

        }); 
$('.mask').mouseleave(function() { 
     if(!skipSwitch) 
     { 
      currentSlideNumber ++; 
      if(currentSlideNumber == slideCount) currentSlideNumber = 0;  
      slideWrapper.methods.switchSlide(); 
     } 

        }); 

} 

で上記のコードを交換してみてくださいうまくいけば、それがうまくいくhttp://www.wearegrove.co.uk/fader.zip

おかげで、 クリス

答えて

0

は、ここに私の完全なコードのzipファイルへのリンクです。

どのように動作するか説明したい場合はお知らせください。

+0

こんにちはジェリー、ありがとう。アニメーションが実行されている間にユーザーがマウスを外しても、アニメーションが完了しても元の状態に戻ることはありません。ユーザーがアニメーション中にマウスを離した場合は、マウスのアニメーションが実行されている間にマウスが押し込まれた場合でも、それは繰り返されます。それが私が達成しようとしている効果です。ありがとう、クリス。 –

関連する問題