翻轉時有多個圖像

Question

我想做的是，當我將圖像翻轉時，有2張圖像出現，第一個是通過使用此代碼實現的，並且是正常的翻轉：

<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('','','images/image2.jpg',1)">
<img src="image1.jpg" alt="imageDesc" width="120" height="125" id="Ammar" /></a>

第二個圖像是一個信息文本框，我看上去與原始文本框略有偏移（即右下角或左下角略有重疊）。

如何達到這種效果？ 這是一個澄清的例子

Answer 1

如果將第一張圖片放入div並設置id="myDiv ，則可以在onmouseover代碼中像這樣更改div的內容

document.getElementById('myDiv').innerHTML="<img ... /> <img ... />";