JavaScriptでページを表示する度に画像をランダムで表示させる方法

Pocket

複数の種類の画像をページ表示毎にランダムに表示させたいことってありますよね。そういった場合にJavaScriptを使用してこの処理を行ってみましょう。

<div id="randomImg"></div>

上のrandomImg内にjpg画像をランダムで挿入するJavaScriptの処理になります。

$(function() {
	img = new Array();
	img[0] = "img01";
	img[1] = "img02";
	img[2] = "img03";
	img[3] = "img04";
	img[4] = "img05";
	n = Math.floor(Math.random()*img.length);

	$('#randomImg').append(
							'<img src="' + img[n] + '.jpg" width="100" height="100" alt="">'
						);
});

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*