デザイン

背景画像をランダムに

投稿日:

今までずっとTOPの背景画像(マックさんの写真の所)が一枚で固定されてたんですけど、phpでランダムに変わるようにしてみました。

と言ってもまだ3枚しか用意してないので、あまり変わらないかも(笑

■やり方

rotate.phpというのを使いました。
ダウンロードはこちら

1. ダウンロードしたrotate.txtの拡張子txtをphpに変更。

2. rotate.phpの初期設定をするのですが、画像とrotate.phpを同じフォルダに入れる時は設定はデフォルトのままでOKです。
画像とrotate.phpをアップロードしちゃいましょう。

画像とrotate.phpを別々の場所に置きたい場合はエディタでrotate.phpを開き、107行目の

$folder = ‘ . ‘;

のところに画像を入れるフォルダをフルパスで書きます。

例:

$folder = ‘/home/www/*****/images/bg/’;

3. CSSで指定した背景画像をrotate.phpに指定。

例:

background-image: url(https://kumaho.info/******/bg/rotate.php);

4. ファイルをアップロード。
【rotate.phpと画像の場所が違う場合】
2で指定したフォルダに画像を、CSSで指定したフォルダにrotate.phpをアップロード。

【rotate.phpと画像の場所が同じ場合】
CSSで指定した画像フォルダにrotate.phpと画像を一緒にアップロード。

これでランダムに表示されます。
3枚しかうpしてないけどリロードすると変わるはずです。

関係ないですけど、今日からMac IE(5.x)にはスタイルシートを適用しないことにしました。
古いブラウザ対策は、他のサイト制作ではこれからもある程度やっていかなきゃいけないでしょうが、ウチでは対象外にしました。

-デザイン
-,


  1. きゃお より:

    あー、そういうことだったのね。
    今朝見たら波打ち際の写真になってたから、「かわいいマックさん、もう見れないの?(´;ω;`)」と思ってたの。

    ランダムなら楽しみだな♪
    いろいろな写真用意して楽しませてね!
    沖縄とか、犬猫とか、玉とか☆

  2. ニコ より:

    >きゃおちん

    まだ3枚なんで、ランダムっても同じのばっか出てくるけど(笑

    そうだねぇ、沖縄の海とか、犬猫とか。。。
    た、玉は無理じゃ(´Д`;)

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

EC-CUBE

EC-CUBE(オープンソースECサイト構築システム)をXREA(CORESERVER)にインストー …

EC-CUBE新着商品

最近、EC-CUBE+新着商品というキーワードでのアクセスが多いので、ちょっと自分の覚え書の為にも残 …

新宿ガムテープ

これ、凄いなー。 新宿駅なんて普段使わないから(笑)知らなかったけど。 作った人が警備員って。しかも …

カッコいいね

今使ってる携帯はドコモなんだけど、こうゆうサイト見るとauが欲しくなっちゃうんだよねぇ。。 てゆうか …

Shimano XTR

なんだかこういう意味のないFlashムービーが好き。 Shimano XTR

カテゴリー

アーカイブ

サイト内検索