twitter ■お問い合わせ当サイトへのリンクサイト仕様

現在位置 > LostTechnology > JavaScript > Random Image

Random Image

このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 4の頃に作成しました。

複数指定した画像から1つだけをランダムに表示するスクリプトです。<img src="画像">の代わりに記述します。画像ファイルは好きな数だけ指定可能で、ページが表示されるごとに、指定した画像の中からランダムに1つが選ばれて表示されるため、更新(リロード)するごとに表示される画像が変化するようになるでしょう。

<script type="text/javascript">
function intRandom(max) {
	return Math.floor(Math.random()*max);
}
function rndImg() {
	n=intRandom(rndImg.arguments.length);
	document.write('<img src="'+rndImg.arguments[n]+'">');
}
</script>

<head>~</head>内か<body>~</body>内で上記のように記述しておいてください。下の呼び出し部よりも前に記述する必要があります。

<script type="text/javascript">
rndImg('画像ファイル1','画像ファイル2','画像ファイル3',............);
</script>

引数は画像のURLです。いくつでも指定が可能で、その中からランダムに選択して1つだけ表示します。画像を表示したい位置に<img src="画像">の代わりに記述してください。