圖像交換在JavaScript中沒有像預期的那樣工作

我有2張圖片，一張大一張。大的是77 X 15，小的是15 X 15.圖像交換在JavaScript中沒有像預期的那樣工作

現在，這兩幅圖像坐在另一幅圖像（大小可以變化）之上。應該發生的是;當用戶將鼠標懸停在小圖像上時，它會隱藏，然後顯示大圖像。這兩個圖像都包裹在DIV中。我知道我可以在一個函數中做到這一點（我已經得到它的工作），但我需要嘗試並保持它內聯（犯罪我知道）。這是我到目前爲止的代碼。請記住，我通過了這段代碼。

<div id="small" style="position:absolute;top:0px;right:15px; z-index:5000;" onmouseover="this.style.visibility='hidden';" onmouseout="this.style.visibility='visible';"> 

<img src="small.gif" style="FILTER:Alpha(Opacity=50, FinishOpacity=50, style=0); position:absolute; width: 15px; height: 15px;" border="0" alt="text"> 

</div> 

<div id="large" style="position:absolute;top:0px;right:77px; z-index:5000;" onmouseover="this.style.visibility='visible';" onmouseout="this.style.visibility='hidden';"><img src="large.gif" style="position:absolute" border="0" alt="text"> 

</div>

有什麼事發生的是，當我將鼠標懸停在較大的圖像消失，然後小的只是不斷，當你將鼠標懸停在它閃爍。有任何想法嗎？

編輯：忘了提及這兩個圖像是不同的，所以我不能只調整一個圖像。

我可能會接近完全錯誤，請讓我知道。

感謝

來源

2011-11-04 zik

我不認爲這是一個非常GUD的做法，考慮使用單圖一個DIV只是一個簡單的jQuery動畫。在mouseOver增加高度或任何和mouseout再次減少它回來！

來源

2011-11-04 10:55:51 satin

這裏有一個大概的想法[jquery resize]（http://jsfiddle.net/satinjeet/tdba2/） – satin

謝謝，但這兩個圖像實際上是不同的圖像，我不能只調整小的一個。 – zik

ohkay，但你可以只改變圖像源像：$（「＃image1」）。attr（「src」，「location to 2nd image」）; – satin

圖像交換在JavaScript中沒有像預期的那樣工作

回答

相關問題