stop()
jQueryのメソッドがStop the currently-running animation on the matched elements
(jQuery.comによると)慣れていることを理解しています。サイトに画像ギャラリーがあり、ユーザーがマウスを画像のサムネイルの上に置くと画像が読み込まれます。;.click()
の代わりに使用すると、これは非常にうまく機能しました。.mouseover()
ただし、変更するmouseover
と、画像の読み込みが少し遅くなり、滑らかなマウスオーバー効果には遅すぎました。.stop() を使用して、ユーザーがマウスを画像から画像に積極的に移動したときに遅延がないようにしたいのですが、使用しているコードはまったく効果がないようです。
サイトはこちらをクリックしてご覧いただけます
function showCurrent(img){
inAnimation=true;
img.toggleClass('current').stop().fadeIn(100,function(){
var title=img.attr('title');
inAnimation=false;
});
current.fadeOut(function(){
current.removeClass('current');
});
current=img;
}
何が起こっていますか:
このshowCurrent()
関数は、サムネイルがマウスで移動されたときに呼び出されます。現在の画像に適切なクラスが与えられ、フェードインします (ご覧のとおり、非常に速く、100 ミリ秒に設定しています)。したがって、これは非常に流動的で迅速であるべきだと考えましたが、そうではありません。ここで何が間違っていますか?