画像の切り替え
教えてください。
画像がはじめに1つ表示されていて、
横にサムネイルが2つあり、
サムネイルのマウスオーバーで、その画像が大きく表示され、
マウスオーバーで、元の画像へと表示が戻り、
サムネイルのクリックで、その画像が大きく表示されたまま固定となる
ということがしたいのですが、
マウスオーバー、マウスアウトはとりあえず実装できたのですが、
マウスクリックを実装しても、
やはり、マウスアウトで画像が切り替わってしまいます。
どうしたらいいのでしょうか？
<IMG src="images/a.jpg" id="display" name="display" width="100" height="100" border="0">
<a href="javascript:;" onClick="document.display.src='images/a.jpg'" onMouseOver="MM_swapImage('display','','images/item/a.jpg',1)" onMouseOut="MM_swapImgRestore()">
<IMG src="images/item/a.jpg" width="20" height="20" border="0" name="thumb1" id="thumb1">
</a>
<a href="javascript:;" onMouseOver="MM_swapImage('display','','images/b.jpg',1)" onMouseOut="MM_swapImgRestore()" onClick="document.display.src='images/b.jpg'">
<IMG src="images/b.jpg" width="20" height="20" border="0" name="thumb2" id="thumb2">
</a>
以上
よろしくお願いします。
