• ベストアンサー

Dreamweaverでスワップイメージを複数利用したいのですが...

画像1、画像1-1、画像2、画像2-2の4つの画像があり、 最初の表示では、画像1と画像2を表示させ、 画像1をマウスオーバーで画像1-1に切り替え、 画像1をクリックすると画像2を画像2-1に切り替えるページを作ったのですが、 画像1のクリック後、画像1からマウスを離すと「function MM_swapImgRestore」の関数が画像2-1の画像を画像2に戻してしまいますが、それを戻さない方法をご存知の方がいましたら、教えてください。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • suzuko
  • ベストアンサー率38% (1112/2922)
回答No.1

swapではありませんが、ご参考まで。 画像1を表示。 画像2をレイアー1で表示。 画像1にマウスオンで画像1-1をスワンプ。アウトで画像1に。 画像2-1をレイアー2で非表示。 画像1にビヘイビアでクリック時にレイアー1を非表示、レイアー2を表示にすればいかがでしょうか? <body onload="MM_preloadImages('image1-1.gif')"> <p><img src="image1.gif" name="Image1" width="200" height="200" id="Image1" onclick="MM_showHideLayers('Layer1','','hide');MM_showHideLayers('Layer2','','show')" onmouseover="MM_swapImage('Image1','','image1-1.gif',1)" onmouseout="MM_swapImgRestore()" /></p> <div id="Layer1" style="position:absolute; width:200px; height:200px; z-index:2; left: 250px; top: 0px;"><img src="image2.gif" width="200" height="200" /></div> <div id="Layer2" style="position:absolute; width:200px; height:200px; z-index:1; left: 250px; top: 0px; visibility: hidden;"><img src="image2-1.gif" width="200" height="200" /></div> </body>

naosuke716
質問者

お礼

返事が遅くなり、すみませんでした。 レイヤーにすることで対応することができました。 ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A