- ベストアンサー
ホームページについて
ホームページを製作しています 5秒ごとに自動で画像をフェードイン、フェードアウトして切り替えるようページを作りたいと思っているのですが、どのようにしたらよいのか皆目検討がつきません どなたか詳しい方がおられましたら、どのようなプログラムを載せれば良いのかお教え下さい 当方＜a＞タグ等本当に基礎的なタグは分かっているつもりですが、初心者の域を出ないレベルです javascript？とかflash?のことはよくわかりません
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
javascriptも殆ど知らないですし、CSSも殆ど知らないです。 flashに於いては全く知りません。 物凄くダサいですし、普通はこんな記述しませんが、 HTMLのMETAタグ使って書きました。IE8でのみ動作確認してます。 構成は、index.html,menu.html,menu2.html,main.htmlの4つのファイルがあります。 ソースは、 index.html-------------------- <html> <head> </head> <frameset cols="30%,*"> <frame src="menu.html" frameborder=0> <frame src="main.html" frameborder=0> </frameset> </html> ------------------------------- menu.html---------------------- <html> <head> <meta http-equiv="Page-Enter"content="RevealTrans(Duration=2,Transition=23)"> <meta http-equiv="Page-Exit"content="RevealTrans(Duration=2,Transition=23)"> <meta http-equiv="refresh" content="5;url=menu2.html"> </head> <body> <img src="a.jpg" width="240" height="180"> </body> </html> ------------------------------- menu2.html--------------------- <html> <head> <meta http-equiv="Page-Enter"content="RevealTrans(Duration=2,Transition=23)"> <meta http-equiv="Page-Exit"content="RevealTrans(Duration=2,Transition=23)"> <meta http-equiv="refresh" content="5;url=menu.html"> </head> <body> <img src="b.jpg" width="240" height="180"> </body> </html> -------------------------------- main.html----------------------- <html> <head> </head> <body> </body> </html> -------------------------------- それぞれ、線の間の部分をコピペして保存して、menu.html,menu2.htmlの記述内の a.jpg,b.jpgを解像度が大きなファイルをご自身で用意して(全て同じフォルダに置く) index.htmlを実行してみてください。 初回、ActiveXの警告が出ると思うので許可してください。 単に、5秒毎にmenu.htmlとmenu2.htmlのページ移動してるだけです。 menu.htmlとmenu2.htmlは画像ファイルを表示してるだけです。 METAタグの中身は調べてみてください。 まずは、HTMLが一通り使いこなせるようになった方が個人的にはいいと思います。 多分、質問者様が希望されてる内容はJavaScriptぐらいで書くのが定石かなと 思います。しかし、HTMLの基礎を押さえられている状況だと、 今回の目標設定はちょっと高いと思いますよ。 つまらないなと思っても最初は、地味な事を繰り返しやってみるのがいいと思います。 また、私のように複数のファイルに分けるとハンドリングが大変になるので、 最初は、多少見にくいソースコードになっても1個のファイルにまとめるように した方が無難かと思います。 あとは、JavaScriptなどのデバッグが必要になってきますが、 IE8であれば、[ツール]-[開発者ツール]からデバッグができますので、 デバッグの仕方も覚えるといいでしょう。 まずは、No.1さんがおっしゃってる様に、インターネットで調べて 沢山のサンプルコードを読み解き、どのように動いているのか理解するのがいいと思います。 次に、自分が思い描いたサイトの構造が何も無しで書けるように何度も練習する事かと 思います。 では、頑張ってくださいね。
その他の回答 (1)
- yyr446
- ベストアンサー率65% (870/1330)
「フェードイン 画像切り替え」をキーワードにして検索すれば、いくらでもサンプルや解説サイトがヒットします。HTMLのタグが解っているなら、そのままコピペするだけで実装できるサンプルもたくさんあります。 －CSSも基礎的な事は、学習しましょう。 －javascriptについても、まずは基礎から学習しましょう。 基礎が無いと、いきなり window.setInterval(func, delay[, param1, param2, ...]); なんて持ち出して説明してもさっぱりわからんでしょう。
お礼
回答ありがとうございます！参考にさせていただきます((ノ(_ _ ノ)
お礼
わざわざコードまで書いて頂きありがとうございます。axel_eyeさんのような優しい人間になりたいです。本当にありがとうございました