1

ホバー時に問題なく画像を交換するJavaScript画像スワップがありました。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

ありがとうございました！！

4

2 に答える 2

0

onmouseoutある時点で、その画像の親から属性を削除している必要があります。

onmouseout="MM_swapImgRestore()"最後のイメージの親に追加する<a>と、復元できます。

画像のロールオーバー トランジションには CSS を使用できますが、これは JavaScript よりもはるかに簡単です。
また、同じ ID を持つアイテムが複数ありますが、これは避ける必要があります。

于 2011-12-30T04:00:04.673 に答える
0

一番下の画像タグonmouseout="MM_swapImgRestore()"のイベントがありません。<a>それを含めると、すべてが正常に機能します。

于 2011-12-30T05:04:33.960 に答える