圖像互換不返回到原始圖像

Question

我有一個javscript圖像交換，將毫無問題地交換圖像懸停。我實現了highslide.js，現在底部圖像不會在鼠標上返回到原始圖像。

有什麼建議嗎？

我的腳本如下

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
    <script src="js/jquery-1.3.2.js" type="text/javascript"></script> 
    <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
    <script type="text/javascript" src="js/jquery.jwbox.js"></script> 
    <script type="text/javascript" src="highslide/highslide-with-gallery.js"></script> 
    <script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script> 

和我的HTML

<a id="gallery-opener" href="javascript:;" onclick="document.getElementById('thumb1').onclick()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('lodge','','Images/river_over.png',1)"> 
      <img src="Images/river_up.png" name="lodge" width="340" height="167" border="0" id="lodge" /></a> 

     <a id="gallery-opener" href="javascript:;" onclick="document.getElementById('thumb2').onclick()" onmouseover="MM_swapImage('catch','','Images/catch_over.png',1)"> 
     <img src="Images/catch_up.png" name="catch" width="340" height="167" border="0" id="catch" /></a> 

，你可以在這裏看到一個例子 http://www.flyfishinggreyriver.com/index2.html

謝謝！

Answer 1

您必須在某個時候從該圖像的父級中刪除onmouseout屬性。

將onmouseout="MM_swapImgRestore()"添加到最後一張圖像的父母<a>允許它恢復。

---

只要你知道，你可以使用圖像翻轉的過渡，這是不是JavaScript輕鬆了許多CSS。
你也有多個具有相同ID的項目，應該避免。

Answer 2

您沒有onmouseout="MM_swapImgRestore()"事件的底部圖像<a>標記。包括這一點，一切都會正常工作。