指定したセルに表示
画像を触ると拡大表示されるサンプルソース(フリー)ですが、隣り合ったセルに表示させるにはどうすればよいでしょうか?
同じテーブル(セル)内では問題なく動くのですが異なるセルへの表示方法がわかりません。
(Aのセルに拡大・Bのセルにサムネイル)としたいのですが・・・よろしくお願いいたします。
<script language="JavaScript1.1">
<!--
OnMouse = new Array();
for(i = 1; i < 10; i++) {
OnMouse[i] = new Image();
OnMouse[i].src = "image/a" + i + ".jpg";
}
function OnMoSet1(flag, position) {
document.images[position].src=OnMouse[flag].src;
return false;
}
//-->
</script>
</head>
<img src="image/a1.jpg" alt="onmousea-1" border=0 width="318" height="200">
<a href="#" onMouseOver="OnMoSet1(3,0)" onMouseOut="OnMoSet1(1,0)" onClick="return OnMoSet1(3,0)">
<img src="image/a2.gif" alt="onmousea-2" border=0 width="48" height="48"></a>
<a href="#" onMouseOver="OnMoSet1(5,0)" onMouseOut="OnMoSet1(1,0)" onClick="return OnMoSet1(5,0)">
<img src="image/a4.gif" alt="onmousea-3" border=0 width="48" height="48"></a></bod
</html>
お礼
早速、試してみたところ きちんとボーダーが表示されるようになりました。 解決できてスッキリです! ありがとうございましたm(__)m