ベストアンサー

画像が一定時間で入れ替わるバナー

2001/08/28 11:54

画像が入れ替わるバナーを作りたいのですが、どうやって作ったらよいのかわかりません。教えてください！私はフロントページエクスプレスと、フォトショップ5.0を使ってHPを作ってます。何か特別なソフトがあったほうがよいのでしょうか？それと、JavaScriptの本をみてやってみたのですが、（2つ画像を用意して入れ替わるようにしてみた）最初の画像は表示されるのですが、二番目の画像が表示できません。画像自体は入れ替わっているようなのですが、なぜ表示されないのかがわからないんです。よろしくお願いします！

bst
お礼率85% (75/88)

HTML
回答数4
ありがとう数4

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

sight
ベストアンサー率53% (199/370)

2001/08/28 14:48 回答No.3

えっと、まず（３）から。このJavaScriptをよんだところ、機能は、「リンク先＆バナーを一定時間ごとに取り替える」というものです。つまり、リンク先とバナーは一対一の「つい」になっており、画像が変わると当然リンク先も変わります。ですから、このスクリプトの目的＆機能は、bstさんの目的、やりたいこととは完全に違うコンセプトの元作られています。「一定時間で画像を変える」のが目的ではありません。「一定時間でリンク先を変える」のが目的であり、バナー（画像）が変わるのはそれに付随した事項です。コレをサンプルとして持ち出すのは間違いだと思います。ここからbstさんの目的にあわせて書き換えるとなると、ほとんどはじめからスクリプト書くのとかわらないような・・・。そのため、（２）、（１）への回答にあまり意味はありませんが、一応。（２） >「B1.gif」「B2.gif」その名前ではだめです。このスクリプトでは、0.gif、1.gifといったように、ファイル名に数字を使うロジックになっています。除算とそのあまりを使って0～4までがループするようになっており、その数字をそのままファイル名に使うからこそ、永遠にバナーを取り替えることができるのです。（１） >画像ファイルはCドライブの「sozai」に入れてあるのですがとりあえず使う画像だけHTMLと同じフォルダにコピーしてください。 HTMLの参考書などで、「相対パス」について勉強してください。ファイルの位置関係を表現することができないと、インターネットでホームページを公開するのは難しいと思います。

質問者

お礼 2001/08/29 11:27

お返事が遅くなってすみません！まったく見当違いなことを持ち出してしまって恥ずかしい限りです・・・プログラムのことがよくわかっていないので、多分これかなぁ？という安易な考えでやっていたのですが、全く違っていたのですね。どうもありがとうございます。 GIFアニメーションのソフトを探してみます。

その他の回答 (3)

noname#4326

2001/08/28 20:46 回答No.4

たしかにそのソースは画像を入れ替えるソースではないですね・・・。たぶんそのJavaScriptの本に、一定時間でバナーを入れ替えるというものではなくて、一定時間で画像が入れ替わる（スライドショー）のスクリプトがあると思うのですが？でも、それがバナーであり、ジャンプ先は同じなら JavaScriptではなくて、GIFアニメにすることをお勧めします。拡張子もgifですしね。フォトショップではGIFアニメは作れないそうですね・・・すいません。フリーウェアで探してください。

質問者

お礼 2001/08/29 11:31

ご指摘の通り、一定時間で画像が入れ替わるスクリプト、載ってました（汗）違いがはっきりとわかってなかったので、ぱっとみて「此れだ！」なんて思い込んでしまっていました。教えていただいたことで、違いがわかりました。どうもありがとうございます。 GIFアニメで作ったほうがオススメ、ということは、私のような初心者でもとっつきやすいということだと受け取らせていただきます。フリーウエアで探して作ってみます。お世話になりました！

sight
ベストアンサー率53% (199/370)

2001/08/28 12:38 回答No.2

アニメーションGIFの作成方法ですが、PhotoShopでは作成できなかったような・・・。 PhotoShopパッケージについているImageReadyならば作成できるのですが、PhotoShop5.0ってImageReadyがついていましたっけ？5.5からだったかもしれません。作成可能なソフトがない場合、参考URLのvectorなどで「アニメーションGIF」で検索をかけてソフトウェアを探してみてください。もし、ご質問の画像の入れ替わるバナーというのが、アニメーションGIFのことではなくて「画像ファイルそのものを入れ替えてしまう」という意味でしたら http://oshiete1.goo.ne.jp/kotaeru.php3?q=123686 の質問などを参考にしてください。 JavaScriptの方は、no.1の方がおっしゃるようにソースがないと何とも・・・

参考URL：: http://www.vector.co.jp/vpack/filearea/win/art/graphics/edit/index.html

noname#4326

2001/08/28 12:00 回答No.1

画像が変わるバナーはGIFアニメが一般的だと思います。これはフォトショップで作れるはずです。また、JavaScriptがうまくいかないとのことですが、ソースを可能な範囲でここに再現していただければ、なにが違うのかわかるかもしれません。

質問者

補足 2001/08/28 13:48

ソースを書かせていただきます！ <html> <head> <script language="Java script"></script> <body onload="setTimeout('changeImg()',500)"> <a href="JavaScript:jump()"><img src="0.gif" name="banner"></a> </body> </html> 本の通りです・・・ (1)画像ファイルはCドライブの「sozai」に入れてあるのですが、それをどこで　指定したらよいいのでしょうか？ (2)バナー画像は「B1.gif」「B2.gif」を作りましたが、どこにそれを書いたら　よいのでしょうか？ (3)リンク先のURLは一箇所なんです。これはいろんな所にリンクするようになってい　るようなんですが、不要なので削除したいんです。どこをどう変えたらよいので　しょうか？初心者なので本当にわけがわかりません。長々と申し訳ありませんが、教えてください！