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

解決済

質問者：bst
質問日時：2001/08/28 11:54
回答数：4件

画像が入れ替わるバナーを作りたいのですが、どうやって作ったらよいのか
わかりません。教えてください！
私はフロントページエクスプレスと、フォトショップ5.0を使ってHPを
作ってます。何か特別なソフトがあったほうがよいのでしょうか？

それと、JavaScriptの本をみてやってみたのですが、（2つ画像を用意して
入れ替わるようにしてみた）最初の画像は表示されるのですが、二番目の
画像が表示できません。画像自体は入れ替わっているようなのですが、
なぜ表示されないのかがわからないんです。

よろしくお願いします！

通報する

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

質問の本文を隠す

このQ&Aに関連する最新のQ&A

「目画像」に関するQ&A：画像あり。離れ目で悩んでます。離れ目は離れ目でも、爬虫類っぽい目と、童顔にみえる目があるじゃない

さらに表示

「画像時間」に関するQ&A：決まった曜日で一定時間だけ表示画像を切替えたい

「JavaScript 本」に関するQ&A： html・CSS・JavaScriptを学ぶ本は？

「サンプルアニメ」に関するQ&A：海外サイトにある、エロアニメのサンプルから作品名を知りたいのですが、

「意味 GIF」に関するQ&A： JPEG/GIFってどんな意味ですか？

「フリーアニメ」に関するQ&A：３Ｄアニメ作成フリーソフト

「バナーとは」に関するQ&A：文字サイズ？「160w」とは　バナー制作orDTP

「Photoshop アニメ」に関するQ&A： GIFアニメの背景について（photoshop 7.0）

「バナー意味」に関するQ&A：意味不明の文字化けバナー？？

「GIF 検索」に関するQ&A： Dreamweaverで<img src=s.gif" alt="<画像>">のaltの中だけの「<」が検索できない"

回答 (4件)

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

No.3ベストアンサー

回答者： sight
回答日時：2001/08/28 14:48

えっと、まず（３）から。

このJavaScriptをよんだところ、機能は、
「リンク先＆バナーを一定時間ごとに取り替える」というものです。
つまり、リンク先とバナーは一対一の「つい」になっており、画像が変わると当然リンク先も変わります。
ですから、このスクリプトの目的＆機能は、bstさんの目的、やりたいこととは完全に違うコンセプトの元作られています。「一定時間で画像を変える」のが目的ではありません。「一定時間でリンク先を変える」のが目的であり、バナー（画像）が変わるのはそれに付随した事項です。
コレをサンプルとして持ち出すのは間違いだと思います。
ここからbstさんの目的にあわせて書き換えるとなると、ほとんどはじめからスクリプト書くのとかわらないような・・・。

そのため、（２）、（１）への回答にあまり意味はありませんが、一応。

（２）
>「B1.gif」「B2.gif」
その名前ではだめです。このスクリプトでは、0.gif、1.gifといったように、ファイル名に数字を使うロジックになっています。除算とそのあまりを使って0～4までがループするようになっており、その数字をそのままファイル名に使うからこそ、永遠にバナーを取り替えることができるのです。

（１）
>画像ファイルはCドライブの「sozai」に入れてあるのですが
とりあえず使う画像だけHTMLと同じフォルダにコピーしてください。
HTMLの参考書などで、「相対パス」について勉強してください。ファイルの位置関係を表現することができないと、インターネットでホームページを公開するのは難しいと思います。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2001/08/29 11:27

No.4

回答者： noname#4326
回答日時：2001/08/28 20:46

たしかにそのソースは画像を入れ替えるソースではないですね・・・。

たぶんそのJavaScriptの本に、一定時間でバナーを入れ替えるというものではなくて、一定時間で画像が入れ替わる（スライドショー）のスクリプトがあると思うのですが？

でも、それがバナーであり、ジャンプ先は同じなら
JavaScriptではなくて、GIFアニメにすることをお勧めします。
拡張子もgifですしね。
フォトショップではGIFアニメは作れないそうですね・・・すいません。
フリーウェアで探してください。

- 0
- 件

通報する

この回答へのお礼

ご指摘の通り、一定時間で画像が入れ替わるスクリプト、載ってました（汗）
違いがはっきりとわかってなかったので、ぱっとみて「此れだ！」なんて
思い込んでしまっていました。教えていただいたことで、違いがわかりました。
どうもありがとうございます。

GIFアニメで作ったほうがオススメ、ということは、私のような初心者でも
とっつきやすいということだと受け取らせていただきます。
フリーウエアで探して作ってみます。
お世話になりました！

通報する

お礼日時：2001/08/29 11:31

No.2

回答者： sight
回答日時：2001/08/28 12:38

アニメーション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/g …

- 0
- 件

通報する

No.1

回答者： noname#4326
回答日時：2001/08/28 12:00

画像が変わるバナーはGIFアニメが一般的だと思います。

これはフォトショップで作れるはずです。

また、JavaScriptがうまくいかないとのことですが、
ソースを可能な範囲でここに再現していただければ、
なにが違うのかわかるかもしれません。

この回答への補足

ソースを書かせていただきます！
<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は一箇所なんです。これはいろんな所にリンクするようになってい　るようなんですが、不要なので削除したいんです。どこをどう変えたらよいので　しょうか？

初心者なので本当にわけがわかりません。長々と申し訳ありませんが、教えてください！