ねむすぎ日記 > Web > 背景画像をランダムに変える

背景画像をランダムに変える

  • 2015年5月作成
  • 2021年8月16日更新
  • Web

このブログでもrotate.phpを使っていました。
今はjQueryでやる方法の方が普通そうだけど、ファイルの場所を明示しないといけないので、フォルダにまとめて入れておくだけでいいrotate.phpの方がその点は使いやすい。

jQuery版

<script src="./jquery.min.js"></script>
<script>
$(function() {
	var array = [
	"images/01.jpg",
	"images/02.jpg",
	"images/03.jpg"
	];
	var l = array.length;
	var r = Math.floor(Math.random()*l);
	var bgimgurl = array[r];
	$("body").css('background-image',('url("'+bgimgurl+'")'));
});
</script>

PHP版

Random Image Rotationの「PHP source right here」からダウンロードしたテキストを、rotate.phpとして保存して使う。rotator.phpと同じフォルダ内にある画像がランダムに表示されるので、rotateフォルダを作成して隔離するのが楽。

body {
background-image: url(rotator.php);
}

ねむすぎ日記 > Web > 背景画像をランダムに変える

ページ上部へ戻る