ホームページビルダー13を使って、初めてＨＰを作っています。

解決済

質問者：syrup07
質問日時：2009/03/22 09:45
回答数：3件

『残像を残しながら画像を自動的に切り替える』テクニックを使ってみたいのですが、JavaScriptというのが、よくわかりません。
こちらのサイトで、テクニックを紹介されていますが、
↓
http://iswebmag.hp.infoseek.co.jp/sample141.html

初心者のため？？？です。
そのままコピペしてもダメみたいだし・・・
どなたかもっとわかりやすく教えてください。
参考になるサイトや本があれば、教えてください。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： panto-maim
回答日時：2009/03/22 21:14

コピペのやり方ですが、

新規ページ→標準モードでＨＴＭＬソース画面に切り替えた後、
既に入っているソースを全て削除してからコピペします。
また、記載されているソースをそのままコピペすると、
余計な文字が入ることがあります。
エラーが検出されるのはそのためです。
ソースを最後まで見比べてみて、余計な文字があったらきちんと消してください。

例）ビルダーのHTMLソース画面にコピペした後、?が入る
image[0]='?http://www.infoseek.co.jp/images/isj00/head/t_is …

?は不要です。

>ページ編集の画面は黒の背景で、上部中央に、×マークの入ったチュウリップの画像が出ます。

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">

- 0
- 件

通報する

この回答へのお礼

コピペした後に入っている「？」を消して、背景色を変えたら、
成功しました！

相対パスの知識がないので、
オリジナルの画像にはまだできないのですが・・・
これから挑戦してみます。

ありがとうございました！

通報する

お礼日時：2009/03/22 23:07

No.3

回答者： panto-maim
回答日時：2009/03/22 21:19

追記。

黒の背景になるのは、
<BODY bgcolor="#000000" onLoad="imgchange()">
BODY bgcolor="#000000"　つまり黒で背景色指定になっているためです。

白で背景色の指定をすればよいと思います。

- 0
- 件

通報する

この回答へのお礼

教えていただいたやり方で、
無事に、オリジナルの画像に変えることができました。

ありがとうございました！

通報する

お礼日時：2009/03/23 11:20

No.1

回答者： gura_
回答日時：2009/03/22 19:58

>そのままコピペしてもダメみたいだし・・・

ほとんど、「HTMLソース」のコピー&ペーストでよいと思いますが↓
<HTML>
<HEAD>
<TITLE>魅せるホームページ作成講座</TITLE>
</HEAD>
<SCRIPT language="JavaScript">

</SCRIPT>
<BODY bgcolor="#000000" onLoad="imgchange()">
<DIV align="center">
<IMG src='http://www.infoseek.co.jp/images/isj00/head/t_is … id="imgframe" style="filter:blendTrans"><BR>
<BR>
10秒ごとに画像が変化します。
</DIV>
</BODY>
</HTML>

　もちろん、HTMLソースの多少の知識がないと、自分の画像に置き換えられませんが。参考↓
http://www.tohoho-web.com/wwwbeg.htm

この回答への補足

早速、新規ページ→標準モードで、
ＨＴＭＬソースに↑このＨＴＭＬをコピー&ペーストしてみました。
ページ編集やプレビューに切り替えると、やっぱり
「エラーが検出されたので修正しました」となります。
ページ編集の画面は黒の背景で、上部中央に、×マークの入ったチュウリップの画像が出ます。

↑やり方は間違っていますか？

補足日時：2009/03/22 20:39

通報する