jquery - 我可以在缩略图库 jquery 脚本中将我的图像 src 更改回 mouseout 吗？

Question

我有一个照片库，其中的缩略图更改了主要的大图像。它工作得非常好，但我希望一旦用户的鼠标从缩略图上移开，主图像就会恢复到原始图像。有没有办法做到这一点？我看过很多类似的脚本并尝试过，但我就是无法解决。任何帮助将不胜感激！

这就是我正在使用的...

$(document).ready(function () {
    $(".thumbs a").hover(function () {
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        $("#largeImg").attr({
            src: largePath,
            alt: largeAlt
        });
        return false;
    });
});

图像来自数据库，所以我不能给它一个明确的文件名。

谢谢

Answer 1

在更改之前尝试存储前一个图像的值。

$(document).ready(function(){
    var oldPath, oldAlt;

    $(".thumbs a").hover(function(){
        var largePath = $(this).attr("href");
        var largeAlt = $(this).attr("title");
        oldPath = $("#largeImg").attr("href");
        oldAlt = $("#largeImg").attr("title");

    $("#largeImg").attr({ src: largePath, alt: largeAlt });
        return false;
    }).mouseout(function() {
        $("#largeImg").attr({ src: oldPath, alt: oldAlt });
    });
});