图像互换不返回到原始图像

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>标记。包括这一点，一切都会正常工作。