- 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); }