助太刀忍者(質問掲示板)

助太刀忍者

No.52030    画像が表示されません・・・
あるサイトの管理をすることになり、
送っていただいたデータをアップロードしたのですが・・・
画像だけ表示されません・・

×印のついた枠しか映らないという状況です。

初めてこのようなサイト?をあつかうので、調べてみてもよく分かりませんでした・・・

使用したのは、FFFTP です。

分かる方がいらしたら、教えてください><
投稿者:tirota 投稿時間:2012-03-24 12:17:39
管理しているサイトです

http://rainekon.kitunebi.com/
2012-03-24 12:18:45 追記
画像はアップロードできているんですが、
映りません><;
2012-03-24 13:13:26 追記
今確認しましたが、並んでいます。;;
2012-03-24 15:14:35 追記
投稿者 : No Name Ninja
投稿時間:2012-03-24 16:50:36
>今確認しましたが、並んでいます。;;
FFFTPの右側(ホスト側:サーバ上)のRootにimgフォルダがあり、
imgディレクトリに画像ファイルが並んでいるんですね?
大文字小文字、拡張子の違い、ファイル名の違い、階層の違いもなく、ホスト側に並んでいるんですね?(できれば、実際にどういったファイル、フォルダ並んでいるのか、ファイル名、フォルダ名を提示頂けると良いのですが・・・その際、一応、順番、スペル、大文字小文字、拡張子に間違いがないよう”そのまま”提示ください)

では、その右ボックスにある画像ファイルの情報を確認下さい。
多分、

・名前
・日付
・サイズ
・種類
・属性
・所有者

の項目があるはずです。
各項目がどうなっている提示ください。

次に、アップロード前の、自分のPC上にあるindex.htmlをブラウザで開いてみましょう。画像は表示されますか?

表示される場合は、画像の上で右クリックし、プロパティ(画像の情報)を見てみましょう。
種類(MIMEタイプ)はどうなっていますか?
PNGになっていますか?

なっているのを確認したら、次にFFFTPの設定を確認します。
FFFTPで接続、「オプション」を選択、「転送1」を選択します。
「転送モード」が「ファイル名で切換え」になっているか確認。
なっていない場合は、「ファイル名で切換え」にチェックを入れて「OK」をクリック。

設定を確認したら、一度アップロードしたimgフォルダを削除します。
一旦、FFFTPを閉じ、再度、FFFTPを起動させ、接続します。

左ボックスにあるimgフォルダ(中に各画像ファイルが入っているもの)を、右側へドラッグ&ドロップしてアップロードします。

サイトにアクセスして表示確認をします。
どうでしょうか?

※PC上にある、画像ファイル(kon.pngとkoku.png)のファイルサイズを確認下さい。
3MBを超える場合は、一旦アップロードできたとしても表示はできませんので、アップロード前に画像編集ソフトでサイズを落としてからアップロードしましょう。
投稿者 : No Name Ninja
投稿時間:2012-03-24 14:06:21
>画像はアップロードできているんですが、
>映りません><;
では確認です。

FFFTPで接続します。
FFFTPの右ボックスに並んでいるファイル名(もしくはフォルダ名)を全て提示ください。

正常にアップロードできているなら、多分、

img
index.html

と、並んでいるはずです。
どうでしょうか?
そうなっているのなら、次の確認です。

右ボックスに表示されている「img」をダブルクリックして、階層を移動します。
移動後、右ボックスに表示されているファイル名を全て提示ください。

正常にアップロードできているなら、多分、

koku.png
kon.png

と、並んでいるはずです。
どうでしょうか?
大文字小文字の違い、拡張子の違いもなく、上記のように並んでいますか?
投稿者 : No Name Ninja
投稿時間:2012-03-24 13:10:54
最初の回答の通り、画像のアップロードし忘れ、が原因だとは思いますが、もしも、画像もアップロードしているんだけど何故か表示されない、という場合は、そのように追記下さい。

尚、引用符(ダブルクォーテーション :" )が抜けているのが気になります。場合によっては省略もできますが、記述することをお勧めします。

参考:http://www.tagindex.com/html_tag/basic/basic.html
├画像なら:http://www.tagindex.com/html_tag/img/img.html
└IDセレクタなら:http://www.tagindex.com/stylesheet/basic/format3.html
投稿者 : No Name Ninja
投稿時間:2012-03-24 12:51:44
サイトを拝見し、イメージタグの画像URLを確認しました。
各画像ファイルが入っている「img」という名前のフォルダもアップロードしましたか?

※最初、アップロード先の階層違いかなぁとも思ったのですが、Rootディレクトリにもアップロードされていないようなので、単純に、画像ファイルをアップロードしていないだけだと思われます。imgフォルダをアップロードしましょう。