blog/random_image の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• blog/random_image へ行く。
  • 1 (2025-04-20 (日) 18:26:44)

このブログでも過去にrotate.phpを使っていました。jQueryで実現することもできるみたいです。jQuery版はファイルの場所を明示しないといけないので、フォルダにまとめて入れておくだけでいいrotate.phpも使いやすい。

jQuery版#

• 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フォルダを作成して隔離するのが楽。
• Random Image Rotationを使って簡単に背景画像をランダム表示させる - かちびと.net

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