はてなダイアリーで、背景画像をランダムに表示させることは可能でしょうか? Javascriptが使えないとのことなので、無理だと思うのですが、他に方法はないのでしょうか。

回答の条件
  • 1人2回まで
  • 登録:2006/07/27 15:29:27
  • 終了:2006/07/28 09:13:44

回答(3件)

id:taknt No.1

きゃづみぃ回答回数13539ベストアンサー獲得回数11982006/07/27 15:36:25

ポイント25pt

背景の画像を Javascriptが使えるところにおいて

ランダムで選んだ画像のファイルを その背景の画像のファイル名にリネームするのというのでは いかがでしょうか?


http://q.hatena.ne.jp/1128584079

id:bashkirtseff

ありがとうございます。

やり方があるのですね!

スタイルシートのbackground-imageのURLを、画像置き場でランダムに表示させたものに指定するということですよね。

申し訳ありません、初心者なもので、具体的に教えていただけると助かります…。(初心者って書かなくてごめんなさい)

2006/07/27 15:55:02
id:SHARUL No.2

しゃるしぃ回答回数40ベストアンサー獲得回数32006/07/27 23:09:44

ポイント25pt

CGIやPHPが使えるサーバーが利用できるなら、外部CSSをそのサーバーのCGIやPHPに指定して、スクリプト側でランダムなbackground-imageを含んだCSSを出力するというのはどうでしょう?

ソース例:

<?php

header("Content-Type: text/css");

echo 'body{background:url("./images/'.rand(0,10).'.jpg")}';

?>

id:bashkirtseff

ありがとうございます。

うーん…難しそうですね。CGIやPHPの勉強から始めないといけませんね。

2006/07/28 09:04:05
id:llusall No.3

llusall回答回数505ベストアンサー獲得回数612006/07/27 23:57:16

ポイント30pt

PHPなどのサーバーサイド処理で実現してみてはいかがでしょうか?


1.スタイルシートを追加する

 このように、外部URL(PHP)を指定します。

 body {background-image: url("http://www.hoge.com/haikei.php")}


2.外部サーバにGIFを出力するPHPを配置する

 ランダムにgifファイルをバイナリで読んで出力する。

 レスポンスヘッダの Content-type を image/gif として出力すること。

   header ("Content-type: image/gif"); (こんな感じになるかと思います。)


※つまり、PHPの処理によって動的に背景画像のGIFファイルを出力させれば良いかと思います。


※bashkirtseffさんは初心者とのことですので、もし実装が難しいようであれば、

 スクリプトを書いてくれる有志を募ってみてはいかがでしょうか?

 私もPHPは詳しくないもので、方法までで勘弁してください。

 (他のマイナな言語なら分かるのですが・・・)

id:bashkirtseff

ありがとうございます。

なるほど、なんとなくどんなことをすればいいか雰囲気はつかめました。

CSSはだいたいわかるのですが、PHPとなるとちんぷんかんぷんで…

ただ、一筋縄ではいかないことがよく分かりました。

改めて質問を立てたいと思います(質問に何て書けば分かってもらえるでしょう?)。

2006/07/28 09:11:35
  • id:llusall
    #スクリプトを書いてくれる有志を募ってみてはいかがでしょうか?
    ちょっと無責任な回答をしてしまい、すみません。
    スクリプトを回答してもらったところで、自身で内容を把握できなければ、困りますよね。
    ほんと申し訳ないです。


    また、
    SHARUL さんの、外部CSS で実現できれば、こちらの方がスマートかと思います。
    気になるのは、はてなダイアリは、スタイルシートを外部CSSとして設定できるのかな?
    といったところです。ヘルプを見たりしたのですが、やり方がわかりませんでした(汗)
  • id:taknt
    質問の内容から Javascriptで背景画像をランダムに表示させることは できているのかと思ってました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません