クリックする度に、順番に画像が入れ替わります。
<見本>
1) </title>〜</head>の中に、以下のタグを入れます。
指定した画像は、上から順にクリックする度に入れ替わります。
画像の枚数を変える場合は
paraImg[【番号】] = new Image(); paraImg[【番号】].src = "【画像】";
の行を増減し、番号も順番につけていって下さい。
【名前】の部分には、この一式に名前を半角英数字でつけて入れます。
<script language=javascript>
<!--
if(navigator.appVersion.charAt(0) >=3) {
var paraImg= new Array();
paraImg[0] = new Image(); paraImg[0].src = "【画像1】";
paraImg[1] = new Image(); paraImg[1].src = "【画像2】";
paraImg[2] = new Image(); paraImg[2].src = "【画像3】";
paraImg[3] = new Image(); paraImg[3].src = "【画像4】";
paraImg[4] = new Image(); paraImg[4].src = "【画像5】";
}
var paraCount = 0;
function parapara() {
if(paraCount < paraImg.length-1) {
paraCount++;
} else {
paraCount = 0;
}
document.images["【名前】"].src = paraImg[paraCount].src;
}
//-->
</script>
|
2) 表示するところには、以下のタグを使います。
【最初に表示する画像】は、1)で1番上に入れた画像をここに入れて下さい。
【名前】には、1)でつけた名前を入れます。
<a href=javascript:parapara()>
<img src=【最初に表示する画像】 name=【名前】 border=0>
|
参考URL…http://www2f.biglobe.ne.jp/~takan/javac/
「HTMLタグ」のトップに戻る
|
|
|
