我基本上希望有一个图像的小缩略图，当用户将鼠标放在图像上时，我希望弹出一个更大的版本。我在谷歌上找到了这个tutorial.

我无法理解代码。我应该把它放在哪个文件中？

jQuery(function($) {                    <--This is the enclosing function
$(document).ready(function(){       <--This is the overall jQuery function

    $("#content #quote img").each(function () {    <--This function determines img src
        rollsrc = $(this).attr("src");
        rollON = rollsrc.replace(/.png$/gi, "-hover.png");
        $("<img>").attr("src", rollON);
    });

    $("#content #quote a").mouseover(function () {  <--This displays the -hover image
        imgsrc = $(this).children("img").attr("src");
        matches = imgsrc.match(/-hover/);
        if (!matches) {
            imgsrcON = imgsrc.replace(/.png$/gi, "-hover.png");
            $(this).children("img").attr("src", imgsrcON);
        }
    });

    $("#content #quote a").mouseout(function () {  <--This returns the image to normal
        $(this).children("img").attr("src", imgsrc);
    });

});
});

是否有一个插件已经做到了这一点，或者有没有更简单的方法来做到这一点？提前感谢您的帮助。