ローカルパスで画像がバッテン。
いったいなんなの?画像がバツだとか、見えないとか言われるけどちゃんと出来てるのにぃ〜。
壁紙だって貼ってあるのよ?!
HP作成ソフトを使うと陥りがちなミスなんです。
最初に新規作成の真っ白なページを開きますよね?
そこへイメージしながら、文字や画像を飾っていく。
作業も進んで、取り合えず保存!
ふっ。なかなかいいじゃない。私っていいセンスだわぁ〜(= ̄ー ̄=)
と、大満足でページを完成させてアップロード。
友達に自慢して「さっすがぁ〜」とか「おお!いいじゃん!」なんて言葉を
心のどこかで期待してたら、見えないだと?!
っなことは無いだろ(^^;
あるんです。
作った本人にだけ見える、ローカルパスの怪奇現象。
別に怪奇でも何でもないんですけどね(^^;
インターネットは、プロバイダの回線を通して、サーバという
あちこちに発信させるために構築させたPCの中のファイルを見ているのです。
だから、そのサーバって呼んでるPCにまずは見せるためのファイルをコピーしなければなりません。
ページのファイルも、使ってる画像もです。
これがアップロードするって事で、専用ソフトや、HP作成ソフトの機能を使ったりします。
でも、アップしてるのに見えないって言われるんだけど・・・
HTMLのソースを見てみましょう。
見えないと言われた、画像のファイル名は見つけられますね?
<img src="file:///〜画像ファイル名">
このように、画像ファイルのアドレスに
file:///が付いてたら、ローカルパスということになります。
ページに世界中の誰もが見れるように画像を表示するには、
サーバから呼び出すようにかかれている必要があります。
ところが、その画像のパスがローカルだと、
自分のPCからその画像を呼び出すような命令になっているのです。
作った本人には、その画像が、パス通りの場所に保管されているため
自分のPCからでも呼び出せている=見えるワケです。
他の人には、同じ名前のフォルダもおろか、その画像は保管されていないから、
貼ってある画像はバッテンになるし、壁紙は表示されないで、
背景の色が無地で出てくるだけなんですね。
修正は、テキストエディタでするか、HP作成ソフトのソース表示機能を使って行います。
恐らくサーバの同じフォルダに、ページと一緒に画像をアップする場合がほとんどなので、
file:///**/****/画像ファイル名 とあったら、file:///**/****/ を削除して、
画像ファイル名(noel.gif ←こんなかんじの)だけにして、
<img src="画像ファイル名"> ←こんな状態にします。
※きちんと書くならば、http://〜/画像ファイル名とすべきですが、
ページと同じフォルダに画像があると、画像までのパスを省略できます。
今度は作った本人も、他の人と同じ条件で見れます。
ですから、画像がバッテンになったら、その画像がサーバに存在していないか、
別のフォルダにアップされてる可能性が考えられます。
確認してみましょう。
修正している、そのページのアドレス欄を見てください。
例として、このページを使いますね。
http://web-img.com/col/col-006.htm
/で仕切られた最後の部分の col-006.htmがこのページのファイル名です。
col-006.htmの部分だけ消して、代わりに memo-t-03.gifを入れてみます。
http://web-img.com/col/memo-t-03.gif
こうです。画面の左上の部分に、画像が見えたらアップがされてる証拠。
画像を直接呼び出すと見えるのに、それでもバッテンなら、修正ミスを疑ってみましょう。
逆に画像を直接表示させようとしても、エラーページが出てしまったら、
アップロードがされていないか、アップしたフォルダが間違ってる可能性があります。
お友達のサイトで画像がバッテンだったら、バッテンの上で右クリック→プロパティで見ると、
ソースを見なくても画像のアドレスがわかります。
もしも file:///
で始まってたら、本人は気がつかないので、こっそり教えてあげてね。
「大きなお世話よ!」なんて怒られる事は無いと思うので安心して。(^^)
'02.07.14
|