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

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