別の img にフェードする img の上にカーソルを置き、スクロールが速すぎると、fadeOut が動かなくなり、フェードが残ります。他の応答で見たように .stop() を試しましたが、まだ機能しません。.stop() の代わりに追加できるものはありますか?
<div class="grid big-square">
<a href="#"><img id="image2" src="img/fade/creo.png">
<img id="image1" src="img/creo.jpg"></a>
</div>
<script>
$("#image1").mouseenter(function () {
$(this).stop(true, true).fadeOut(1000);
});
$("#image2").mouseleave(function () {
$("#image1").stop(true, true).fadeIn(500);
});
</script>