-
ID:IJKYLG さんの質問

Nivo Sliderで時間帯によって異なる画像をスライドすることは可能でしょうか?

8:00~12:00はtop1,top2,top3,top4,top5の画像でスライド、
12:00~18:00はtop6,top7,top8,top9,top10の画像でスライド、
18:00~8:00はtop11,top11,top13,top14,top15の画像をスライドできたらと思っています。

5枚の写真が切り替わって、かつ、写真が切り替わるときにフェードイン、フェードアウトができればNivo Sliderでなくても良いのですが、まだjavascript勉強中のためあまり詳しくありません。

時間帯で異なる画像をすることが可能であれば、方法をご教示いただけますでしょうか。
よろしくお願いいたします。

みんなの回答 2 件

ID:lsqg4P さんの回答

「javascript 時間」ぐぐれ
「javascript if else」ぐぐれ
時間を取得→もしxx時ならA、そうじゃなくてもし//時ならB、そうじゃなくて、、、

ID:xFKSq8

ありがとうございます。質問前に検索して、時間帯で画像の切り替え方法は試してみたのですが、Nivo Sliderとの組み合わせるとなると、方法が分からなくなってしまいました。説明不足ですいません。

ID:pufqDw さんの回答

朝用、昼用、夜用のHTMLを全て書いて、別のIDを指定、共通のclassを指定するとして、↓のような感じじゃダメですかね?
if(現在時刻=朝) {
//朝のスライダーだけ動かす
$(’#slider_morning’).nivoSlider({
//nivoSliderの指定
});
//それ以外は非表示
$(’.slide’).not(’#slider_morning’).hide();
} else if(現在時刻=昼) {
//昼のスライダーだけ動かして、それ以外は非表示
} else { //現在時刻=夜
//夜のスライダーだけ動かして、それ以外は非表示
}

ID:HM35/K

ありがとうございます。試してみます。

最終更新日:2015-01-15 (2,366 views)

関連するトピックス

ページ上部に戻る