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 件
「javascript 時間」ぐぐれ
「javascript if else」ぐぐれ
時間を取得→もしxx時ならA、そうじゃなくてもし//時ならB、そうじゃなくて、、、
朝用、昼用、夜用のHTMLを全て書いて、別のIDを指定、共通のclassを指定するとして、↓のような感じじゃダメですかね？
if(現在時刻=朝) {
//朝のスライダーだけ動かす
$(’#slider_morning’).nivoSlider({
//nivoSliderの指定
});
//それ以外は非表示
$(’.slide’).not(’#slider_morning’).hide();
} else if(現在時刻=昼) {
//昼のスライダーだけ動かして、それ以外は非表示
} else { //現在時刻=夜
//夜のスライダーだけ動かして、それ以外は非表示
}
関連するトピックス