jQueryとPHPで時間ごとに背景画像を変えたい。
CSSで画面全体に背景画像を1枚おいています。（background-size:cover;）
やりたいことは、このbackground-imageとして設定している画像をフェード切り替えで複数枚の画像変更を行いたい。
ただし、1枚目に表示される画像は時間ごとに変えたい（朝〜昼〜夜）のですがやり方がわからずアドバイスを頂きたいです。
1枚目は時間で変更img：a01.jpg（朝）a02.jpg（昼）a03.jpg（夜）
2名目以降は共通img：b.jpg、c.jpgとか。
上記を例にすると3枚の背景画像をフェードで切り替えたい。
でも1枚目の画像だけは時間に応じて変えたいという内容です。
JSだけで出来るならJS、PHPも使うのであれば、すみませんあまり得意ではないのでぜひやり方教えてください。
よろしくお願いします。
ログインして回答する
みんなの回答
-
匿名回答1号
http://jsfiddle.net/dwm1mzjp/
↑こんな感じであとは setInterval とかで回せばいいと思います。 -
この質問へのコメント
質問の情報
- 登録日時
- 2015-09-09 09:12:16
- 終了日時
- 2015-09-16 09:15:03
- 回答条件
- 1人5回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
蒙古襞形成術で、目を小さくするという手術はありますが、どれくらいの小ささになるのでしょうか。目の間を…
匿名質問者
1
-
日本政治家が、中国企業からお金を貰い、日本人の税金を使い、中国商品１つにつき補助金８０万円とかで配布…匿名質問者
-
運輸業者、輸出業者、輸入業者、というときにと使う「輸」という文字ですけど、中国語ですと、「負ける」と…匿名質問者1
1
-
バルキーファイルのバルキーとはどういう意味でしょうか。パイプ式ファイルという概念とリング式ファイルと…匿名質問者1
-
自分のサイトにチャットボットを埋め込みたいですどうすれば良いですか 匿名質問者