アプリ版：「スタンプのみでお礼する」機能のリリースについて

HTMLで制作した画像が表示されません

解決済

  • 質問者：wakamesan
  • 質問日時：
  • 回答数：4件

はじめまして、初心者ですのでよろしくお願いします。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のアドレスです。
どなたか宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： ace456
  • 回答日時：

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/ …
> なのですが、アドレスバーには
> http://hw001.gate01.com/nakazu1731/suwaru.html​

これは、特に問題ないと思います。
人形毎のページに画像を正しく表示させるには、
suwaru.htmlに対して、No3さんの書いて下さっている方法をとるか
あるいは、上で私が書いた方法をとるかすれば解決すると思います。


どちらか、ご質問者の方が理解しやすい・直しやすい方法を行ってください。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！　とても分かりやすく親切に教えていただき勉強になりました！　昨日100canonを消すことに気が付き、画像フォルダをimgフォルダに移動させ、いじった所画像の表示に成功しました。でもNo4さんのやり方でやれば100canonフォルダをわざわざ消す必要もなかったんですね。もうすべてが無駄になるかもと思っていたので原因が分かったのは感動でした。
本当にありがとうございました。

通報する
お礼日時：2008/03/05 20:51

No.3

画像がgallery.htmlと同じ場所に収納されているようですが、


HTMLでは100canonというフォルダが指定されています。

最初の2点は100canonが指定されていないので画像が表示されます。
他はすべて100canonが記載されています。

ご自分の作成ソフトでHTML編集画面にして、

img src="img/100canon/yuuutu.jpg"から100canonを削除し、

img src="img/suwaru.jpg"と同じ形にすれば表示できるのでは
ないでしょうか。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！　おかげさまで解決出来ました！　助けて頂きありがとうございました。

通報する
お礼日時：2008/03/05 20:40

No.2

  • 回答者： ace456
  • 回答日時：

ギャラリーページのソースをそのまま頂いて、


私のPCで、フォルダと適当な画像を配置してみて動作確認してみました。
普通に画像が見えました。HTML自体は問題ないと思います。

ソースで指定している画像の場所と、実際の画像がアップされている場所が違ってるんじゃないでしょうか。

このギャラリーページのソースを見る限りでは、
gallery.htmlが置かれているフォルダに、imgフォルダがあるようになっています。
さらに、imgフォルダの下に100canonフォルダ、
さらに、100canonフォルダの下にsuwaru.jpgファイル

ウェブサーバーのほうが、ちゃんとそのようなフォルダ構成になっていますか？

この回答への補足

ほんと初心者で申し訳無いです。
ウェブサーバーでフォルダ構成を確認するのは何処を見れば良いのでしょうか？　
FFFTPでアップするときに
hpフォルダをクリック→galleryなどのHTMLとimgフォルダをアップロード→imgフォルダをクリック→100canonフォルダをアップロードしました。この仕方が間違っているのでしょうか？
あと、画像の上で右クリックしてプロパティを見ると
http://hw001.gate01.com/nakazu1731/img/100canon/ …
なのですが、アドレスバーには
http://hw001.gate01.com/nakazu1731/suwaru.html
となっているのはおかしいですか？
ちなみにace456さんの言うウェブサーバーのほうが、ちゃんとそのようなフォルダ構成になっていない場合、何処をいじれば良いのか教えていただくとありがたいです。

補足日時：2008/03/04 23:21
通報する
    • good
    • 0
    • 件
通報する

No.1

ソース見ました。



とりあえず冒頭にある

<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です。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご指摘ありがとうございます。色々いじってたのでそういう所があるかもしれません。ん～、でも表示されませんね。

通報する
お礼日時：2008/03/04 16:58

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

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

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

おすすめ情報