ラウンジ(兼FAQ掲示板)

時間別に、違う画像に変化させる方法を教えて下さいm(_ _)m
過去ログ NO.1047808394
□ mako [2003年03月14日14時37分]
はじめまして。makoと申します。
お聞きしたい事があり、投稿させてもらいました。

貴サイトのサンプルにもありましたが、「時刻ごとのメッセージ」のような感じで、時間ごとに画像を変化させる方法を教えて頂けないでしょうか?
ページの一定個所に貼り付けた画像を、時間ごとに変化させるという感じなのですが・・・。

それで、1時間ごとに変わるタイプではなく、2時間、または3時間おきに、画像が別のモノに変化する、、、というタイプの方法を探してます。

色々なサイトを探してみたのですが、見つける事が出来なくて・・・。
どうぞ、よろしくお願いします。
□ NXer [2003年03月15日16時00分]
はじめまして。NXerです。
------------------------------- makoさんからの引用
> それで、1時間ごとに変わるタイプではなく、2時間、または3時間おきに、画像が別のモノに変化する、、、というタイプの方法を探してます。
-------------------------------
2時間おきなら、JavaScriptの時間を求めるメソッドを使い、if文で画像12枚(img1.jpg〜img12.jpg)を変化させるのはどうでしょうか。
3時間おきなら、8枚、4時間おきなら6枚変化させることができます。
設置後利用時間帯に応じて画像を数日ごとに入れ替えたりしたくなるかもしれません。
↓のスクリプトなら、新規の画像を同じファイル名にして上書き保存するだけで簡単に
交換できるかと思います。
例1-----------------------4時間ごとの場合分け
h=today.getHours();
if ((h>1) && (h<=4)){
document.write(“<IMG SRC=’img1.jpg’>” );
}else if ((h>5) && (h<=8)){
document.write(“<IMG SRC=’img2.jpg’>” );
}else if…..(以下24時まで省略)
----------------------
というのはいかがでしょうか。
詳しくはホームページ辞典などで、JavaScriptのメソッドgetHours()の項を
参考にしてください。

--------------------------------------------引用
> 色々なサイトを探してみたのですが、見つける事が出来なくて・・・。
------------------------------------------
すえぽんさんのJavaScript「時刻ごとのメッセージ」の文字表示も参考に
なりますね。
----------------------------------一部引用
function printmessage() {
d = new Date();
h = d.getHours();
document.write(mes[h]);
}
printmessage()
----------------------------
↑を画像表示に利用できるかもしれません。
document.write(mes[h]);の文字表示を
document.img.src =”img”+num+”.jpg”;と画像表示にするものです。
すえぽんさんの1時間毎とことなり、2時間、3時間毎、、、
の変化を一般式で表すのに次の数式を考えてみました。
例2------------------------------------私の下手な考え
1時間ごとの場合は
num = h
2時間ごとの場合は
num=round(h/2+1/2,0)
(式の0は小数点以下なし、つまりnumは1、2、3、、、の整数になります)
3時間ごとの場合は
num=round(h/3+1/3,0)
4時間ごとの場合は
num=round(h/4+1/4,0)
この数式で(1、2、3、4)は値1の画像、(5、6、7、8)は値2の画像、、、
と6枚目のjpg6.jpgまで画像を自動で切り替えることができる
(はずですが、、、、)
---------------------------------------
以上、例1、例2いずれかが、makoさんのウェブサイトや、デザインの意図を素直に
表現できるヒントになりますでしょうか。

□ mako [2003年03月16日18時52分]
お返事、ありがとうございます。
あれから、色々なサイト様を巡って、何とか、問題が解決しました。
教えて下さったやり方とはちょっと違うのですが・・・。
でも、そんなやり方もあるんですね。
メモしておきます☆

本当にありがとうございました、、、ペコリ(o_ _)o))

suepon.com | CGI作成/CGI制作 | JavaScript | ドメイン検索 | バナー自動作成 | Google ダンスツール | 松浦亜弥 | H.P.memo | パソコン | ネイル

Copyright (C) 2002 - 2008 suepon , All rights reserved. Powered by CGI Script Market.