[PHP-users 5233] Re: 画像の並びを変えるには？

Wed, 06 Feb 2002 13:48:52 +0900

矢野＠ごーすもーけ　です。

> > 2) クリックすると次の画面に切り替わり画像の並び順が変わる
> 
> 2番目です。

並び順を変える、というのがどのような形で変えたいのか分かりませんが。
・クリックした画像を1番上に表示
・2番目からはクリックした画像の次の画像を表示
という仕様で考えた場合、phpのお世話にならなくともJavaScriptで可能な
気がします。

<html>
<script type="text/javascript">
<!--
var maxImage=10;	//画像最大数をセット
function imgChange(img){
	document.images[0].src=img+".jpg";	//クリックした画像を表示
	//alert(img);
	img++;
	for(i=1;i<maxImage;i++){
		if(i == img){img+=1;}
		if(img>maxImage){img=1;}
		document.images[i].src=img+".jpg"; //順次画像を表示
		//alert(i+" = "+img);
		img++;
	}
}
//-->
</script>
<body>
<img src="1.jpg" id="1" onClick="imgChange(this.id);"><br>
<img src="2.jpg" id="2" onClick="imgChange(this.id);"><br>
<img src="3.jpg" id="3" onClick="imgChange(this.id);"><br>
<img src="4.jpg" id="4" onClick="imgChange(this.id);"><br>
<img src="5.jpg" id="5" onClick="imgChange(this.id);"><br>
<img src="6.jpg" id="6" onClick="imgChange(this.id);"><br>
<img src="7.jpg" id="7" onClick="imgChange(this.id);"><br>
<img src="8.jpg" id="8" onClick="imgChange(this.id);"><br>
<img src="9.jpg" id="9" onClick="imgChange(this.id);"><br>
<img src="10.jpg" id="10" onClick="imgChange(this.id);"><br>
</body>
</html>