如何使圖像出現在另一圖像的懸停上？

Question

對於我們已經分配到的一個學校項目，使一個網站 展示了我們最近停止的一個動作。我相處得很好，但是我遇到了問題。我想知道如何在另一張圖片的懸停上顯示圖片。我放置了兩個選定的圖像，並且其中一個圖像在使用webkit轉換進行懸停時變爲彩色，並且與另一個圖像淡入。不過，我希望淡入的圖像與其他圖像相關聯，以便在從灰度轉變爲彩色的圖像上方移動時，其他圖像會隨之淡入。儘快回答問題。乾杯。

Answer 1

你想是這樣的.. follow link

$('.div1 li').hover(function(){ 
    var imgID = $(this).find('a').attr('href'); 
    $(imgID).fadeIn(); 
}); 

Answer 2

如果您只是想隱藏，這裏是沒有的jQuery解決方案，您可以檢查它住在這裏：http://jsfiddle.net/wDVUd/

HTML：

<img id="imageToHover" src = "http://farm4.static.flickr.com/3187/2663569943_42ec767f27_m.jpg" alt="hover me"/> 

<img id="imageToShow" src = "http://farm4.static.flickr.com/3118/2918431127_ae33f59953_m.jpg" alt="image to show"/> 

CSS：

#imageToShow 
{ 
    display: none; 
} 

個

JS：

document.getElementById('imageToHover').onmouseover = function() { 
    document.getElementById('imageToShow').style.display = 'inline'; 
} 

document.getElementById('imageToHover').onmouseout = function() { 
    document.getElementById('imageToShow').style.display = 'none'; 
}