タイトルの背景画像をランダム表示にしました。
こちらのサイトを参考にさせていただきました→chocobit | phpで画像をランダムに表示させる
画像はとりあえず今まで撮った写真の中から良いかんじのをピックアップ。
以下、メモ。
A List ApartさんのRandom Image Rotationから、ページ下部の
You can download the PHP source right here (4k text file – after downloading or copying and pasting, save as rotate.php).
のところからrotate.txtをダウンロードしてrotate.phpに変更。
107行目に
$folder = ‘/home/sites/lolipop.jp/users/********/web/img/’;
みたいな感じで画像を入れているフォルダのフルパスを指定。
あとはrotate.phpをアップロードしてアクセスすると画像がランダムで表示されます。
これをスタイルシートでタイトル部分の背景にします。
div #banner {
background: url(http://happymeme.com/blog/rotate.php) no-repeat;
background-position: center center;
}