画像の選択 |
■■１■■
[概要]
選択した画像がズームアップして表示される。
[参照]
DHTML講座（画像のサイズを変更する 等・・・）
[ソース]
<HTML>
<HEAD>
<TITLE>画像の拡大表示</TITLE>
<SCRIPT language="JavaScript">
<!--
function imgShow(img_data){
img.src = img_data
img.style.visibility = "visible";
}
function imgHide(){
img.style.visibility = "hidden";
}//-->
</SCRIPT>
</HEAD>
<BODY>
<!--表示用の領域-->
<TABLE border=1>
<TR><TD>
<!--拡大表示画像の大きさ-->
<IMG src="" width=50 height=50 style={visibility:hidden}
id="img">
</TD></TR>
</TABLE>
<!--表示用の領域ここまで-->
<!--表示させたい画像のURL-->
<IMG src="../../../../sozai/icon/life/5.gif"
id="img1" onmouseover="imgShow('../../../../sozai/icon/life/5.gif')"
onmouseout="imgHide()">
<IMG src="../../../../sozai/icon/ikimono/50.gif"
id="img1" onmouseover="imgShow('../../../../sozai/icon/ikimono/50.gif')"
onmouseout="imgHide()">
<IMG src="../../../../sozai/icon/ikimono/60.gif"
id="img1" onmouseover="imgShow('../../../../sozai/icon/ikimono/60.gif')"
onmouseout="imgHide()">
<!--増やしたければいくらでも増やせる-->
</BODY>
</HTML>
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
