PARAPARA

Description:

下の画像をクリックする度に画像が切り替わります。

Demo:

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>

<script language="JavaScript" type="text/javascript">
<!--
if(document.images) {
 var paraimg_now   = 0;
 var paraimg_count = 0;
 var paraimg= new Array();
//画像の設定
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/logo/oracle.gif";
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/logo/ie3.gif";
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/logo/ns3.gif";
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/logo/mosaic.gif";
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/logo/grail.gif";
 paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "../_image/ban_simple.gif";

 //更に画像を増やしたい場合は、
 //paraimg[paraimg_count] = new Image(); paraimg[paraimg_count++].src = "画像パス";
 //を増やしたい分だけ書き続ける。
}

function parapara(imgname) {
 if(!imgname) { imgname = "paraparaimg"; } //イメージの名前
 if(document.images) {
   paraimg_now = (paraimg_now < paraimg.length-1) ? paraimg_now+1 : paraimg_now = 0;
   document.images[imgname].src = paraimg[paraimg_now].src;
 }
}
//-->
</script>

</head>

<body>


<a href="javascript:parapara();">
 <img src="../_image/ban_simple.gif" width=88 height=31 name="paraparaimg" border=0>
</a>



</body>
</html>

Advice:

Arrangement:

Browser:

Internet Explorer4.0以上
Netscape Navigator3.0以上
[ Back ]