- ベストアンサー
背景画像を季節ごとに自動変更
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- yyr446
- ベストアンサー率65% (870/1330)
連続回答というか補足、 親ページから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> でも出来ます。(ただし同じサイトにある必要がありますが)
お礼
お忙しい中、補足までありがとうございます! 各ページで指定するしかないと思っていたのですが こんな方法もあるとは…目からウロコです! こちらの方法も勉強して試してみます。 本当にありがとうございました!
- yyr446
- ベストアンサー率65% (870/1330)
インラインフレームの背景を変更しても、インラインフレームに表示する 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>
お礼
お礼が遅くなってすみません。 いろんな方法があるみたいで勉強になりました! まだまだ分からない部分も多く私には少し難しい方法ですが 勉強して教えていただいた方法も試したいと思います。 ありがとうございました!
関連するQ&A
- HPで、 季節毎に背景画を自動変更。
HPで、季節により背景画を自動変更する方法を、教えて下さい。 春・夏・秋・冬・正月の設定変更を希望しています。 時間・曜日での自動変更方法は、検索で有りましたが、 季節[日付]設定での自動変更方法が見つからず、 わかりませんので、宜しくお願いします。
- 締切済み
- レンタルサーバ・ASP
- インラインフレームから別フレームの背景画像変更
○ページの構造 親ページ ├フレームA └フレームB - インラインフレームC ○インラインフレームC内ページ <script type="text/javascript"> <!-- function bgchange(bgname) { parent.A.document.body.background = bgname; } // --> </script> <span onclick='bgchange("img.gif");return false'>背景画像変更!</span> * インラインフレーム内の「背景画像変更!」クリックでAフレームの背景画像が変わるようにしたいのですが、 上のスクリプトだとAB間、B→C、でしか機能しません。どなたか手直しをして頂けないでしょうか?
- ベストアンサー
- JavaScript
- 背景色変更のJavaScriptに手を加えて頂けませんか?
<SCRIPT language="JavaScript"> <!-- function setBackgroundColor(pal) { document.bgColor=pal; } // --> </SCRIPT> <a href="javascript:setBackgroundColor('#FFFFFF')"><font color="#FFFFFF">背景色変更!</font></a> 上記は、クリックすることで背景色を変えるスクリプトですが、 これにちょっと手を加えてみたくて質問しました。 一つのページの中に、インラインフレーム(名称:f1)があります。上記スクリプトの「背景色変更!」をクリックしたとき、インラインフレーム内の背景色も同時に変えるにはどうしたらいいのですか?
- 締切済み
- JavaScript
- フォントの色を、背景の色に合わせて自動的に変更する方法
HTMLで記事を書いている時に、 背景と文字の色を同じにして、ぱっと見ただけでは 分からないようにすることってありますよね。 (たとえば、クイズの問題の答えを隠すためなど) 今、ブログにクイズの問題を載せたくて、 答えをその方法で隠そうとしているのですが、 ブログ自体のテンプレートを変更すると、 背景の色が変わってしまうので、 意味を成さなくなってしまいます。 背景の色が変更された時に、 ある特定の部分の文字の色も連動して 自動的に変更させるようなことは可能でしょうか? よろしくお願いいたします。
- ベストアンサー
- ブログ
- 時間で背景の画像を変更したいのですが?
HPの背景で朝、昼、晩とその雰囲気の背景画像に自動変更したいのですが そのようなスクリプトをご存知のかた、またはサイトを教えて欲しいのです が・・・よろしくお願いします。
- 締切済み
- JavaScript
- 背景画面が自動的に変わるようにするには
windowsXP使用中の背景画面を毎日自動的に変更させる方法(時間によって変更させる方法)をご存知でしたら教えてください。
- ベストアンサー
- その他(インターネット・Webサービス)
- HTMLの背景画像の表示位置を変更する方法
HTMLの背景画像の表示位置を変更する方法 質問させてください。 HTMLの背景画像ですが、スタイルシートのbackground-positionを使用すれば表示位置を変更することが可能です。 同様の機能をスタイルシートを使用せずHTMLタグのみで実現できないでしょうか? 例えば、<body background=""></body>タグにさらに何かの属性を追加する、などです。 ご存知の方がおられましたら、是非ともお教えください。
- ベストアンサー
- HTML
- 背景画像と背景色変更:JavaScript
下記のページのような背景画像変更スクリプト(サンプル画像をクリックで反映される)と… http://www.sky.sannet.ne.jp/masapine/java_back6.html CLUB とむやん君(http://www2s.biglobe.ne.jp/~club_tom/)背景 No.1.1の背景色変更スクリプトを同一のページで行ないたいのですが、その組み込み方がわからず困っています。お力を貸して頂けると助かります。宜しくお願いします。 ※背景色変更ソースを記述したかったのですが、字数オーバーで投稿できないため省いてます…。補足回答でソースを載せられれば…と思っています; またCLUB とむやん君のサイトは閉鎖されてしまったのでしょうか?。
- 締切済み
- JavaScript
- ページがスクロールするのについてくる背景画像
わからなくて困っています。 どなたか分かる方教えてください。 トップページのトピックス部分をインラインフレームで表示させる作りにしました。 インラインフレームの表示部分は310*200です。 表示させる部分なので、トピックスの背景も310*200で作ってcssで固定させました。 表面的にはOKなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか? cssかjavaでできるでしょうか? 教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます! おかげ様で月指定で背景画像を変更する構造を理解することができました。 あとはインラインフレームでの表示をどのようにするかだけになりました。
補足
何とか構造を理解して表示するところまでいったのですが Javaで指定した背景画像のサイズを指定する方法があれば 教えていただけると助かります。 何度も申し訳ありませんが宜しくお願い致します。