HOME 戻る      

触れると拡大画像と説明を表示

Sample


 

スクリプト
<script language="JavaScript">
<!--

//イメージの事前読み込み
if(navigator.appVersion.charAt(0)>=3)
{
movimg=new Array()
movimg[0] = new Image();movimg[0].src='sample1.gif';
movimg[1] = new Image();movimg[1].src='sample2.gif';
movimg[2] = new Image();movimg[2].src='sample3.gif';
movimg[3] = new Image();movimg[3].src='sample4.gif';
movimg[4] = new Image();movimg[4].src='sample5.gif';
movimg[5] = new Image();movimg[5].src='sample6.gif';
movimg[6] = new Image();movimg[6].src='sample7.gif';
movimg[7] = new Image();movimg[7].src='sample8.gif';
};

//画像書き換え
function changImg1(imgNoA,imgNoB)
{
if(navigator.appVersion.charAt(0)>=3){
document.images[imgNoA].src=movimg[imgNoB].src;
};
};

<!---->
</script>

<img src="sample.gif" width="240"></p>
<p> <a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,0);
document.forms[0].e0.value='いち!'"> </a>

<form>
<input type="text" name="e0" size="36">
</form>

<p><a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,0);
document.forms[0].e0.value='いち!'"><img src="sample1.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,1);
document.forms[0].e0.value='にい!'"> <img src="sample2.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,2);
document.forms[0].e0.value='さん!'"> <img src="sample3.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,3);
document.forms[0].e0.value='しい!'"> <img src="sample4.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,4);
document.forms[0].e0.value='ごお!'"> <img src="sample5.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,5);
document.forms[0].e0.value='ろく!'"> <img src="sample6.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,6);
document.forms[0].e0.value='しち!'"> <img src="sample7.gif" width="56" border="0"></a>
<a href="javascript:function voi(){};voi()"
onMouseOver="changImg1(0,7);
document.forms[0].e0.value='はち!'"> <img src="sample8.gif" width="56" border="0"></a>