バナーの画像がblogで表示されない

質問

ＨＰを開設し、ブログにリンクするようにしています。
ＨＰのバナーを創ったので、ＨＰ内のリンクページに貼りました。
こちらは何とかうまくいったのですが、
blogの方が、画像が出ません「×」になっています。
タグは以下です。これでHP内は見えます。

(1)どんな原因が考えられるでしょうか。
(2)img srcのところ、「..」でなく先のURLにすると画像がグレーになります。なぜでしょうか？

<a href="URL"><img src=" ../images/banner.gif" width="88" height="31" alt="テキスト" />

なお、別のブログ検索サイトのバナーは、そこが用意していたタグを
貼り付け、簡単にできました。よろしくお願いします。

回答No.1

myoperacom

こんにちは、FromBさん。

「../」は相対パスと一般的に呼ばれてます。
リンクが張ってあるURLの階層の一個上の階層を意味します。
例えば、FromBさんのBlogのURLが
http://blog.goo.ne.jp/fromb/
だったとします。
そのブログに相対パスでリンクを張ると
http://blog.goo.ne.jp/fromb/images/banner.gif
↑のアドレスの画像を読み込みにいきます。
あるいは、FromBさんのBlogのURLが
http://fromb.blog.fc2.com/
だったとします。
そのブログに相対パスでリンクを張ると
http://fromb.blog.fc2.com/images/banner.gif
このアドレスの画像を読み込みにいきます。
つまり、HP内にあるバナーを外部のHPやBlogなどに貼り付けるときは、絶対パスでアドレスを指定する必要があります。
本来なら、FromBさんの(2)の方法で表示されるはずです。
ただ、本当に
<a href="URL"><img src=" ../images/banner.gif" width="88" height="31" alt="テキスト" />
と、ソースに書いてるなら、タグが間違ってます。
グレーになるのはそのせいかもしれません。
もう一度、(2)の方法で、タグが間違ってないか確認して、試すことをお薦めします。

お礼

相対パス、絶対パスの理屈がわかりました。お礼が遅れましたが、大変勉強になりました。ありがとうございました。現在、うまくいっております。