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も使うのであれば、すみませんあまり得意ではないのでぜひやり方教えてください。
よろしくお願いします。