プロが教えるわが家の防犯対策術！

背景画像を季節ごとに自動変更

解決済

  • 質問者：neko0_0
  • 質問日時：
  • 回答数：3件

インラインフレームの背景を季節ごとに自動変更するのは可能でしょうか？
可能であればHTMLを教えてください。
あまり知識がないのでご迷惑でなければコピペ可能なものだと助かります。
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.3

  • 回答者： yyr446
  • 回答日時：

連続回答というか補足、


親ページからjavascriptでインラインフレームに表示するHTMLの背景を変えたいなら
<body>
- - - - - - - - - - - - - -
<iframe name="hoge" src="hoge.htm"></iframe>
- - - - - - - - - - - - - -
<script type="text/javascript" >
var img_url;
var m = (new Date()).getMonth();
switch (m) {
case 12:
case 1:
case 2:
img_url ="冬の画像のURL";
break;
case 3:
case 4:
case 5:
img_url ="春の画像のURL";
break;
- - - - - - -
}
var iframe_body=hoge.document.getElementsByTagName("body");
iframe_body[0].style.backgroundImage = 'url(' + img_url + ')';
</script>
</body>
</html>
でも出来ます。（ただし同じサイトにある必要がありますが）
    • good
    • 0
    • 件
通報する
この回答へのお礼

お忙しい中、補足までありがとうございます！
各ページで指定するしかないと思っていたのですが
こんな方法もあるとは…目からウロコです！
こちらの方法も勉強して試してみます。
本当にありがとうございました！

通報する
お礼日時：2009/12/15 17:20

No.2

  • 回答者： yyr446
  • 回答日時：

インラインフレームの背景を変更しても、インラインフレームに表示する


htmlのbody部の背景が無指定かtransparentでないと、背景は見えません。
それを承知の上で、javascriptを使って
<body>
- - - - - - - - - - - - - -
<iframe src="hoge.htm"></iframe>
- - - - - - - - - - - - - -
<script>
var img_url;
var m = (new Date()).getMonth();
switch (m) {
case 12:
case 1:
case 2:
img_url ="冬の画像のURL";
break;
case 3:
case 4:
case 5:
img_url ="春の画像のURL";
break;
- - - - - - -
}
var iframe=document.getElementsByTagName("iframe");
iframe[0].style.backgroundImage = 'url(' + img_url + ')';
</script>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

お礼が遅くなってすみません。
いろんな方法があるみたいで勉強になりました！
まだまだ分からない部分も多く私には少し難しい方法ですが
勉強して教えていただいた方法も試したいと思います。
ありがとうございました！

通報する
お礼日時：2009/12/15 17:18

No.1ベストアンサー

  • 回答者： DIooggooID
  • 回答日時：

ご参考



http://javascript.eweb-design.com/1303_tcc.html

この回答への補足

何とか構造を理解して表示するところまでいったのですが
Javaで指定した背景画像のサイズを指定する方法があれば
教えていただけると助かります。
何度も申し訳ありませんが宜しくお願い致します。

補足日時：2009/12/15 15:26
通報する
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！
おかげ様で月指定で背景画像を変更する構造を理解することができました。
あとはインラインフレームでの表示をどのようにするかだけになりました。

通報する
お礼日時：2009/12/15 15:26

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報