jQuery-在翻滚时更改另一个图像的src

我想知道是否有人能帮我。。。。我有两个图像，我想能够改变src的一个当我滚动另一个如果这是有意义的

例如，我有两张图片

当有人将鼠标悬停在“imimage2.jpg”上时，我希望“imimage1.jpg”更改为“imanewimage.jpg”

使用jQuery可以做到这一点吗

干杯

$('#image1').hover(function() { $('#image2').attr('src', 'imanewimage.jpg'); }, 
                   function() { $('#image2').attr('src', 'imimage.jpg'); }); 

---

或者接近的东西。

是的。这里已经回答了一种方法：

但是，我建议您使用而不是src属性更改。希望CSS spriting能让您从页面加载中加载的所有图像变体中获益。但当您更改图像src时，如果浏览器尚未缓存该图像，则必须将其加载。

您可以这样做：

html:

第二个图像的原始url存储在数据对象的鼠标上方。鼠标移出将图像恢复为原始图像

<img id='i1' src='http://l.yimg.com/g/images/en-us/home_explore.png.v1'>
<img id='i2' src='http://l.yimg.com/g/images/en-us/home_edit.png.v1'>

$('#i1').bind('mouseover',function(){
    $('#i2').data({ original:$('#i2').attr('src') })
    $('#i2').attr({ src:'http://l.yimg.com/g/images/en-us/home_upload.png.v1' })
}).bind('mouseout',function(){
    $('#i2').attr({ src:$('#i2').data('original') })
})