正确使用jQuery`stop`

Question

我知道jQuery中的stop()方法用于Stop the currently-running animation on the matched elements（根据jQuery.com）。我的网站上有一个图像库，当用户将鼠标悬停在图像的缩略图上时，图像被加载。当我使用.click()代替.mouseover()时，这非常有用;然而，当我改为mouseover时，图像的加载略微滞后，而且对于流体鼠标悬停效果来说太慢了。我想尝试使用.stop（），以便当用户积极地将鼠标从图像移动到图像时没有延迟，但我正在使用的代码似乎没有太多影响。

可以Clicking Here

查看该网站

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毫秒）。所以，我认为这应该是非常流畅和快速的，但事实并非如此。我在这里做错了什么？