- ベストアンサー
HTMLで制作した画像が表示されません
はじめまして、初心者ですのでよろしくお願いします。HeTeMuLu CreatorというフリーのHTMLソフトでHPを作成しgyaoのwebスペースで公開した所、全ての画像が一切表示されません。同じ様な質問も調べ色々と試しましたが原因がつかめません。 <img src="img/100canon/suwaru.jpg" alt="座る少女" width="130" height="200"><a href="suwaru.html">座る少女</a> 例えば「座る少女」というサムネイル画像ですが、画像もFFFTPソフトでアップロードしているし、ファイル名もあっています。パソコン上では見れますがサイトに飛ぶと画像の左上に×表示がでます。FFFTPで左側のファイルをクリックすると画像は見れますが、アップロードした右側をクリックしても画像が出ていません。 http://hw001.gate01.com/nakazu1731/ これがHPのアドレスです。 どなたか宜しくお願い致します。
- wakamesan
- お礼率46% (13/28)
- その他（趣味・娯楽・エンターテイメント）
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
No2です。 ギャラリーページ再度拝見しました。 2つほど画像がちゃんと表示されるようになってましたね。 状況は理解できました。 100canonフォルダの中にいなきゃいけない画像ファイル達が imgフォルダの中にいてしまったようです。 > ちゃんとそのようなフォルダ構成になっていない場合、何処をいじれば良いのか教えていただくとありがたいです。 はい。対応方法は2つあります。 1つ目は、No3さんの仰られている方法です。 2つ目は、HTMLには何も手を加えずに、画像をアップする場所を変える方法です。 具体的には、 1.FFFTPを起動し、右側の枠のほうで、imgフォルダの中まで移動する。 (フォルダをダブルクリックしていけば移動できるはずです) 2.その状態で、右側の枠内で右クリック→フォルダの作成→100canon → OK 3．100canonフォルダができているはずなので、ダブルクリックして100canonフォルダの中に移動 4.左側の枠のほうで、アップしたい画像が保存してあるフォルダに移動 5.アップロードしたい画像を選択して右クリック→アップロード 6.完了 でOKのはずです。 > あと、画像の上で右クリックしてプロパティを見ると > http://hw001.gate01.com/nakazu1731/img/100canon/suwaru.jp > なのですが、アドレスバーには > http://hw001.gate01.com/nakazu1731/suwaru.html これは、特に問題ないと思います。 人形毎のページに画像を正しく表示させるには、 suwaru.htmlに対して、No3さんの書いて下さっている方法をとるか あるいは、上で私が書いた方法をとるかすれば解決すると思います。 どちらか、ご質問者の方が理解しやすい・直しやすい方法を行ってください。
その他の回答 (3)
画像がgallery.htmlと同じ場所に収納されているようですが、 HTMLでは100canonというフォルダが指定されています。 最初の2点は100canonが指定されていないので画像が表示されます。 他はすべて100canonが記載されています。 ご自分の作成ソフトでHTML編集画面にして、 img src="img/100canon/yuuutu.jpg"から100canonを削除し、 img src="img/suwaru.jpg"と同じ形にすれば表示できるのでは ないでしょうか。
お礼
ありがとうございます！ おかげさまで解決出来ました！ 助けて頂きありがとうございました。
- ace456
- ベストアンサー率36% (37/102)
ギャラリーページのソースをそのまま頂いて、 私のPCで、フォルダと適当な画像を配置してみて動作確認してみました。 普通に画像が見えました。HTML自体は問題ないと思います。 ソースで指定している画像の場所と、実際の画像がアップされている場所が違ってるんじゃないでしょうか。 このギャラリーページのソースを見る限りでは、 gallery.htmlが置かれているフォルダに、imgフォルダがあるようになっています。 さらに、imgフォルダの下に100canonフォルダ、 さらに、100canonフォルダの下にsuwaru.jpgファイル ウェブサーバーのほうが、ちゃんとそのようなフォルダ構成になっていますか？
補足
ほんと初心者で申し訳無いです。 ウェブサーバーでフォルダ構成を確認するのは何処を見れば良いのでしょうか？ FFFTPでアップするときに hpフォルダをクリック→galleryなどのHTMLとimgフォルダをアップロード→imgフォルダをクリック→100canonフォルダをアップロードしました。この仕方が間違っているのでしょうか？ あと、画像の上で右クリックしてプロパティを見ると http://hw001.gate01.com/nakazu1731/img/100canon/suwaru.jpg なのですが、アドレスバーには http://hw001.gate01.com/nakazu1731/suwaru.html となっているのはおかしいですか？ ちなみにace456さんの言うウェブサーバーのほうが、ちゃんとそのようなフォルダ構成になっていない場合、何処をいじれば良いのか教えていただくとありがたいです。
ソース見ました。 とりあえず冒頭にある <div align="center"> <font color=red><img src="img/100canon/kazunahprogo.jpg" alt="" width="421" height="147"> ↑この部分を、 <body background="img/back.gif"> の下に移動してみてください。 <div align="center">が２つ重なるので、一つは削除してOKです。
お礼
ご指摘ありがとうございます。色々いじってたのでそういう所があるかもしれません。ん～、でも表示されませんね。
お礼
ありがとうございます！ とても分かりやすく親切に教えていただき勉強になりました！ 昨日100canonを消すことに気が付き、画像フォルダをimgフォルダに移動させ、いじった所画像の表示に成功しました。でもNo4さんのやり方でやれば100canonフォルダをわざわざ消す必要もなかったんですね。もうすべてが無駄になるかもと思っていたので原因が分かったのは感動でした。 本当にありがとうございました。