- ベストアンサー
ホームページビルダー13を使って、初めてＨＰを作っています。
『残像を残しながら画像を自動的に切り替える』テクニックを使ってみたいのですが、JavaScriptというのが、よくわかりません。 こちらのサイトで、テクニックを紹介されていますが、 ↓ http://iswebmag.hp.infoseek.co.jp/sample141.html 初心者のため？？？です。 そのままコピペしてもダメみたいだし・・・ どなたかもっとわかりやすく教えてください。 参考になるサイトや本があれば、教えてください。
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
コピペのやり方ですが、 新規ページ→標準モードでＨＴＭＬソース画面に切り替えた後、 既に入っているソースを全て削除してからコピペします。 また、記載されているソースをそのままコピペすると、 余計な文字が入ることがあります。 エラーが検出されるのはそのためです。 ソースを最後まで見比べてみて、余計な文字があったらきちんと消してください。 例）ビルダーのHTMLソース画面にコピペした後、?が入る image[0]='?http://www.infoseek.co.jp/images/isj00/head/t_isweb.gif';? ?は不要です。 >ページ編集の画面は黒の背景で、上部中央に、×マークの入ったチュウリップの画像が出ます。 http://～で始まる画像（web上に存在する画像）を直リンクで読み込んでいるので、それが正しい動作なのです。 ビルダーのプレビュー画面で画像表示と動作を確認してください。 ご自分の用意した画像にしたい時は、HTMLについての知識（相対パス）が必要です。 例えばの話で、 『作成したページを保存したフォルダ』と同じフォルダ内に画像（img01.jpg、img02.jpg、img03.jpg）を保存し、 画像URLを相対パスで置き換えれば、ページ編集画面でもチューリップマークにはならないでしょう。 image[0]='img01.jpg'; image[1]='img02.jpg'; image[2]='img03.jpg'; <IMG src='img01.jpg' id="imgframe" style="filter:blendTrans">
その他の回答 (2)
- panto-maim
- ベストアンサー率89% (476/533)
追記。 黒の背景になるのは、 <BODY bgcolor="#000000" onLoad="imgchange()"> BODY bgcolor="#000000" つまり黒で背景色指定になっているためです。 白で背景色の指定をすればよいと思います。
お礼
教えていただいたやり方で、 無事に、オリジナルの画像に変えることができました。 ありがとうございました！
- gura_
- ベストアンサー率44% (749/1683)
>そのままコピペしてもダメみたいだし・・・ ほとんど、「HTMLソース」のコピー&ペーストでよいと思いますが↓ <HTML> <HEAD> <TITLE>魅せるホームページ作成講座</TITLE> </HEAD> <SCRIPT language="JavaScript"> <!-- var time=3; var rtime=10000; var image= new Array(); image[0]='http://www.infoseek.co.jp/images/isj00/head/t_isweb.gif'; image[1]='http://cmm001.goo.ne.jp/img/logo/goo.gif'; image[2]='http://oshiete1.goo.ne.jp/images/powered_by_okwave.gif'; var ii=0; function imgchange(){ imgframe.filters.blendTrans.Apply(); imgframe.filters.blendTrans.duration=time; imgframe.src=image[ii]; imgframe.filters.blendTrans.Play(); ii=ii+1; if (ii>2) ii=0; t=setTimeout('imgchange()',rtime); } //--> </SCRIPT> <BODY bgcolor="#000000" onLoad="imgchange()"> <DIV align="center"> <IMG src='http://www.infoseek.co.jp/images/isj00/head/t_isweb.gif' id="imgframe" style="filter:blendTrans"><BR> <BR> 10秒ごとに画像が変化します。 </DIV> </BODY> </HTML> もちろん、HTMLソースの多少の知識がないと、自分の画像に置き換えられませんが。参考↓ http://www.tohoho-web.com/wwwbeg.htm
補足
早速、新規ページ→標準モードで、 ＨＴＭＬソースに↑このＨＴＭＬをコピー&ペーストしてみました。 ページ編集やプレビューに切り替えると、やっぱり 「エラーが検出されたので修正しました」となります。 ページ編集の画面は黒の背景で、上部中央に、×マークの入ったチュウリップの画像が出ます。 ↑やり方は間違っていますか？
お礼
コピペした後に入っている「？」を消して、背景色を変えたら、 成功しました！ 相対パスの知識がないので、 オリジナルの画像にはまだできないのですが・・・ これから挑戦してみます。 ありがとうございました！