ナビゲーションバーの画像表示について

Question

あるリンクを貼ろうとして、ナビゲーションバーをHPに貼り付けるまではできたのですが、その中の画像がどうしても表示されません。
「まずこのハートのアニメーション（画像１）とタイトル画像（画像２）をご自分のサイト上にコピーしてください。ナビゲーションバーを設置するファイルと同じ場所にコピーしてください。」と書いてあるのですが、私は自分のパソコンのマイピクチャに登録したのですが、登録のフォルダが間違っているのでしょうか？HPの中のファイルのアップロードの所にも画像をアップしたんですが、やはり画像が出ません。
どなたかアドバイスよろしくお願いします。

rubyeye · Accepted Answer

ブログの方でしたか。てっきりレンタルサーバーの方かと思いまして、的外れな説明をして申し訳ありません。

Fc2のブログは、利用したことがありませんので、1番間違いなく表示されそうな方法を考えてみました。

参考は、Fc2ブログのマニュアル（http://blog.fc2.com/fileup.html）です。

今の状態は、ブログサーバーの画像を保存するスペースにある状態です。
ウインドウズのアクセサリの中にあるメモ帳という機能を使いますので、それを開いておいて作業すると良いと思います。

1.新規エントリーの作成のように、新しく日記（記事）を書く要領で、使う画像をエントリーし、ブログに反映させる。

2.サイトの確認で、自分のブログを確認する。

3.表示された画像の上にカーソルを合わせ、右クリックし⇒プロパティで、画像のアドレス（URL）（アドレスという項目の右側に、http://から始まるアドレスがあります）を確認し、メモ帳にアドレスをコピー＆ペーストする。

4.テンプレートの編集画面へ行き、ナビゲーションバーのタグの中で、
<img src="ring_banner.gif" width="306" height="35" border="0">の部分で、img src="ring_banner.gif"の””内を、メモ帳にコピー＆ペーストしたhttp://から始まる画像のURLに書き換えて保存。

おそらく、コレで表示できると思います。
コレで表示できなければ、レンタルブログのみで運営しているホームページでは、表示させる方法がありません。
ナビゲーションバーの画像だけを表示させたブログの記事を非表示にできるのなら、画像のURLを確認後、非表示で記事を隠してしまってください。
ブログサーバーでは、保管しただけではほぼ使えないと思っていただいたほうが良いかもしれません。

rubyeye · Answer

＞写真などはjpgなのですがそのダウンロードした画像だけgifなんですがこれには関係ないですか？

まず、こちらから回答すると、画像ファイルの拡張子　jpgとgifですが、これらの拡張子が違うことで、画像の表示が出来ないと言うことはありません。

お使いのサーバが、Fc2だということでしたので、サーバーのマニュアル（http://www.fc2web.com/m-4.html）を確認してまいりました。
「ファイルのアップロード」というところというのは、ファイルマネージャーのことですね。

1.ファイルマネージャーを開くと、「ディレクトリー」という場所になるかと思うのですが、そこで、ナビゲーションバーを設置しているテンプレートのページがある場所を見て、同じ場所に（テンプレートのページに並んで）【ring_banner.gif】があるかどうか確認してみてください。

2.もしなければ、ナビゲーションバーを設置しているページがある場所を見ている状態で、「ファイルのアップロード」というボタンを押して、「ファイルのアップロード」という場所を開いて、再度画像をアップロードしてあげてください。

再度、1.の確認をして、大丈夫と思ったら、ホームページを確認して、画像が表示されているかどうかチェック。
それでも画像が表示されなければ、

1.ブラウザの更新ボタンを押してみる。

2.ツール⇒インターネットオプション⇒インターネット一時ファイルの削除と履歴のクリアをしてみる。

3.ナビゲーションバーのタグを貼りなおしてみる。（これは、ナビゲーションバーのタグが壊れていることを想定しての作業です）

というのを、順番にやって確認してみると良いでしょう。

ナビゲーションバーの画像アドレスは相対パスになっていますので、変に書き換えなくても良いように、「ナビゲーションバーを設置したページと同じ場所に画像を置いて下さい」というような注意書きがあるのでしょう。


余談ですが、ホームページの作成ソフトなどを使っていると、相対パスで画像を繋いで表示させたりするので、判らなかったりしますが、画像までのアドレスは、なさそうであります。
ファイルマネージャでアップロードした場所がアドレスになる訳ですが、ご自分の撮った写真をアップされていたりするんですよね？
ご自分のホームページを見て、写真を見せているページを見て、ウインドウズのパソコンなら、写真の上にカーソルを持ってきて右クリックし、プロパティを開いていてください。
そこにアドレス（URL）という項目があって、http://から始まる、画像までのアドレスが表示されます。

頑張ってくださいね。

rubyeye · Answer

再度、失礼いたします。
ホームページに使用する画像というものは、パソコンに保存しただけでは使えません。アップロードというのは、あなたのホームページのあるサーバーで、あなたがホームページを開くために借りているスペースに、画像やファイルを保存することです。
それが出来なければ、せっかくナビゲーションバーを設置しても、画像は表示されません。
テンプレートに貼り付けてというのが、よくわかりませんが、gooの簡単ホームページ作成のように、必要な項目を入力するだけでホームページが作れてしまうというものでしょうか。
もし、それなら、パソコンからサーバーへ画像をコピーしてくれる機能がどこかに無いでしょうか。無ければ、おそらくナビゲーションバーの画像を表示させるのは難しいかと思います。

画像までのアドレスというのは、http://www.～/***.gifというURLのことです。これは、ホームページを作成する上で、俗に絶対パスと呼ばれています。相対パスというのが、http://www.～/というのを省略して***.gifだけにしたようなものを言いますので、覚えておくとよいと思います。

これで、どこまでご理解いただけるか自信はありませんが、頑張ってみてください。

rubyeye · Answer

＞「ナビゲーションバーを設置するファイルと同じ場所にコピーしてください。」というのはどういう意味なのでしょうか？

index.htmlにナビゲーションバーを設置するなら、そのページと同じ所にコピー（アップロード）して下さいということです。
間違っても、ホームページの中に作ったフォルダの中に入れたりしないで下さいということですね。
この際、パソコンのどこに保存したかというのは問題になりません。
ナビゲーションバーと言うからには、ウェブリングか何かだと思いますが、サイトに載っていた自分専用のタグを貼り付けていると解釈しまして、それで表示されていないとなると、ナビゲーションバーのタグの中にある、イメージタグ（image src="***.gif"となっている部分）が、画像までのアドレスになっていなくて表示されないのではないかと思います。
表示されないと言うのも、画像部分に×印が出ているのか、ただ真っ白になっているのか、状態によってはブラウザの設定やセキュリティソフトのせいということもあります。

例えば、アップロード前にページを確認したら画像が表示されるのに、ページと画像をアップロードしたら、画像の部分に×印が出て表示されない。っていう状態だと、パソコン内での画像の保存先が違うために画像までのリンクが合っていないということになります。
そういったことも含めて、確認されたらよいかと思います。
判りにくかったら、申し訳ありません。

noname#14286 · Answer

そういう曖昧な書き方をしないで
画像の名前は、なんなのか？　　xxx.gif
どのようなタグをかいているのか？
アップロードしたファイル名は何なのか？
（画像をアップすると、名前がかわるブログもある）

名前が違うか、アップロードされていないか
とんでもないタグを書いているかでしょう。

ナビゲーションバーの画像表示について

ブログの方でしたか。

＞写真などはjpgなのですがそのダウンロードした画像だけgifなんですがこれには関係ないですか？

再度、失礼いたします。

＞「ナビゲーションバーを設置するファイルと同じ場所にコピーしてください。

そういう曖昧な書き方をしないで

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング