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 });
    });
});

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

1 个答案: