No.4ベストアンサー
- 回答日時:
たびたびすんません。
↓ちょっち修正です。
function changeImage3(){
imageArray = new Array( 31 );
imageArray[0] = "ne.jpg";
imageArray[1] = "ushi.jpg";
imageArray[2] = "tora.jpg";
imageArray[3] = "u.jpg";
imageArray[4] = "tatu.jpg";
imageArray[5] = "mi.jpg";
imageArray[6] = "uma.jpg";
imageArray[7] = "hituji.jpg";
imageArray[8] = "saru.jpg";
imageArray[9] = "tori.jpg";
imageArray[10] = "inu.jpg";
imageArray[11] = "i.jpg";
/*------------- 中略 -------------*/
imageArray[30] = "Hoge.jpg";
dd = new Date();
document.write( "<IMG SRC='", imageArray[ dd.getDate() - 1 ], "'>" );
}
12枚の画像だけで実現する場合、
function changeImage4(){
imageArray = new Array( 31 );
imageArray[0] = "ne.jpg";
imageArray[1] = "ushi.jpg";
imageArray[2] = "tora.jpg";
imageArray[3] = "u.jpg";
imageArray[4] = "tatu.jpg";
imageArray[5] = "mi.jpg";
imageArray[6] = "uma.jpg";
imageArray[7] = "hituji.jpg";
imageArray[8] = "saru.jpg";
imageArray[9] = "tori.jpg";
imageArray[10] = "inu.jpg";
imageArray[11] = "i.jpg";
dd = new Date();
da = dd.getDate() - 1;
if( da >= 24 ){
da -= 24;
}else if( da >= 12){
da -= 12;
}
document.write( "<IMG SRC='", imageArray[ da ], "'>" );
}
です。
それと、関数名がそれぞれ微妙に違っていることに注意してくださいね。
changeImage3() と changeImage4() です。
適宜読み替えて使ってください。
No.5
- 回答日時:
>画像入替えを例えば1日ごとにして、
>テストしてみたいのですが、、、
>それも教えていただけないでしょうか?!
では、
img.src=ig[d.getMonth()+1];
この行を
var no = d.getDate()%13;
img.src=ig[no];
img.insertAdjacentHTML("afterEnd",no+":"+ig[no]);
こうするといいですよ。
No.3
- 回答日時:
すいません。
言葉がちょっと足りなかったみたいですね。
ちょいと補足します。
<BODY> ~ </BODY> 内で、
<SCRIPT LANGUAGE="javascript">
<!--
changeImage2();
//-->
</SCRIPT>
と記述すると、記述した場所に画像が貼られます。
毎日画像を変えるテスト、
function changeImage3(){
imageArray = new Array( 31 );
imageArray[0] = "ne.jpg";
imageArray[1] = "ushi.jpg";
imageArray[2] = "tora.jpg";
imageArray[3] = "u.jpg";
imageArray[4] = "tatu.jpg";
imageArray[5] = "mi.jpg";
imageArray[6] = "uma.jpg";
imageArray[7] = "hituji.jpg";
imageArray[8] = "saru.jpg";
imageArray[9] = "tori.jpg";
imageArray[10] = "inu.jpg";
imageArray[11] = "i.jpg";
/*------------- 中略 -------------*/
imageArray[30] = "Hoge.jpg";
dd = new Date();
document.write( "<IMG SRC='", imageArray[ dd.getDate() ], "'>" );
}
とする方法があります。
ただ、これだと月によっては表示されない画像が出てきますが、、、
あるいは、12枚の画像だけで実現する場合、
function changeImage4(){
imageArray = new Array( 31 );
imageArray[0] = "ne.jpg";
imageArray[1] = "ushi.jpg";
imageArray[2] = "tora.jpg";
imageArray[3] = "u.jpg";
imageArray[4] = "tatu.jpg";
imageArray[5] = "mi.jpg";
imageArray[6] = "uma.jpg";
imageArray[7] = "hituji.jpg";
imageArray[8] = "saru.jpg";
imageArray[9] = "tori.jpg";
imageArray[10] = "inu.jpg";
imageArray[11] = "i.jpg";
dd = new Date();
da = dd.getDate();
if( da >= 24 ){
da -= 24;
}else if( da >= 12){
da -= 12;
}
document.write( "<IMG SRC='", imageArray[ da ], "'>" );
}
として、<HEAD> ~ </HEAD> 内に入れ、先に述べた方法で <BODY> 内で呼び出してください。
No.2
- 回答日時:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var ig = new Array();
ig[1]="thmimg1.jpg";
ig[2]="thmimg2.jpg";
ig[3]="thmimg3.jpg";
ig[4]="thmimg4.jpg";
ig[5]="thmimg5.jpg";
ig[6]="thmimg6.jpg";
ig[7]="thmimg7.jpg";
ig[8]="thmimg8.jpg";
ig[9]="thmimg9.jpg";
ig[10]="thmimg10.jpg";
ig[11]="thmimg11.jpg";
ig[12]="thmimg12.jpg";
function window_onload() {
var d = new Date();
img = document.getElementById("img");
window.status=d.getMonth()+1 + "/"+d.getDate() + "/"+ d.getYear();
img.src=ig[d.getMonth()+1];
}
//-->
</SCRIPT>
</HEAD>
<BODY LANGUAGE=javascript onload="return window_onload()">
<P><IMG id=img alt="画像"></P>
</BODY>
</HTML>
どうでしょうか。
window.status=・・・・
ステータスウィンドウに日付を表示させています。
<IMG id=img alt="画像">
これをページの好きなところへ置いてね。
この回答への補足
感謝いたします。
で、補足になって申し訳ありませんが、画像入替えを例えば1日ごとにして、
テストしてみたいのですが、、、それも教えていただけないでしょうか?!
No.1
- 回答日時:
1.jpg ~ 12.jpg を用意する場合、
<script language="javascript">
<!--
function changeImage1(){
dd = new Date();
document.write( "<IMG SRC='", dd.getMonth() + 1, ".jpg'>" );
}
//-->
</script>
を <HEAD> ~ </HEAD> に入れて <BODY> 内で changeImage() を呼び出す。
ファイル名が月ごとに違う場合、
<script language="javascript">
<!--
function changeImage2(){
imageArray = new Array( 12 );
imageArray[0] = "ne.jpg";
imageArray[1] = "ushi.jpg";
imageArray[2] = "tora.jpg";
imageArray[3] = "u.jpg";
imageArray[4] = "tatu.jpg";
imageArray[5] = "mi.jpg";
imageArray[6] = "uma.jpg";
imageArray[7] = "hituji.jpg";
imageArray[8] = "saru.jpg";
imageArray[9] = "tori.jpg";
imageArray[10] = "inu.jpg";
imageArray[11] = "i.jpg";
dd = new Date();
document.write( "<IMG SRC='", imageArray[ dd.getMonth() ], "'>" );
}
//-->
</script>
を <HEAD> ~ </HEAD> に入れて <BODY> 内で changeImage() を呼び出す。
とか。
この回答への補足
感謝いたします。
画像名が月ごとに違うので、下記でテストしてみます。
で、なんでも聞いちゃいますが、
<BODY> 内で changeImage() を、、、、
が判りません。(ごめんなしゃい)
と、テストするのに毎月というわけにもいかないので、
とりあえず1日づつ(毎日)変わるようにしてみたいんですけど、
その場合の修正箇所も教えてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
準・究極の選択
「年収1000万円で一生カレーライス」か 「年収180万円で毎日何でも食べ放題」 あなたはどちらを選びますか?
-
フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
あなたが普段思っている「これまだ誰も言ってなかったけど共感されるだろうな」というあるあるを教えてください
-
映画のエンドロール観る派?観ない派?
映画が終わった後、すぐに席を立って帰る方もちらほら見かけます。皆さんはエンドロールの最後まで観ていきますか?
-
海外旅行から帰ってきたら、まず何を食べる?
帰国して1番食べたくなるもの、食べたくなるだろうなと思うもの、皆さんはありますか?
-
天使と悪魔選手権
悪魔がこんなささやきをしていたら、天使のあなたはなんと言って止めますか?
-
背景画像を季節ごとに自動変更
HTML・CSS
-
春夏秋冬の季節によって、画像を変更するには
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スライダーを実装した場合、ペ...
-
JavaScriptとチェックボックス...
-
Javascriptで指定した日付と時...
-
jQueryで特定のURLの時のみ表示
-
iframe内のリンク文字のマウス...
-
WEBページ立ち上げ時に1回のみ...
-
MAX関数を使ってからLEFT JOIN...
-
Slick.jsのオプションrtlについて
-
createElementで作成した要素を...
-
jqueryのsortableで一部ソート...
-
eclipseでcssを使うためには?
-
classの中の<a>タグにidを追加
-
jQueryでクリックされた要素のi...
-
HTMLからimgのsrcのみを正規表...
-
iframe内のリンクが飛ばないの...
-
複数画像のランダム複数表示(...
-
foreach文で20件のループに、空...
-
【jQuery】hoverしたn秒後にイ...
-
フッター上部に謎の隙間
-
複数のJavascript の組込み方に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
1枚の画像をクリックすると複数...
-
画像の重なりの順序を代える方...
-
WEBページ立ち上げ時に1回のみ...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
Gifアニメ、最後のコマに行った...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックして複数の...
-
JavaScript スライドの画像にリ...
-
画像ランダム表示、しかしダブ...
-
画像のランダム表示、及び画像...
-
オンマウスで画像が切り替わっ...
-
表と裏がある1枚の画像を回転す...
-
jQueryスライドショー画像への...
-
オンマウスで、画像切り替え+...
-
画面の表示位置を指定させて表...
-
画像の切り替えの方法について
-
javascriptで毎月替わる画像
-
javascriptで、一枚の画像を、...
おすすめ情報