画像をアップさせる時のＨＴＭＬソースの作り方。

質問

こんにちは、ホームページを作ってるのですが、画像をうまく表示できなくて困っています。助言お願いします。画像をＦＦＦＴＰで縮小してＨＰで、小さい画像をクリックして、もとの大きさの画像を表示させようと思います。ＦＦＦＴＰで作成されたソース<a href="../4.jpg"><img src="4.jpg" border="0"></a>と表示されましたこれを、ＴＯＰ.ＨＴＭＬに書き込んだのですが、小さい画像になってなく、うまく表示されません。
エクスプローラーのツリーは、次のようになってます。
ー[]myHP
　　└[]img
　　　　　│　
　　　[]Resized-4jpg この様になってます。これを、ＨＴＭＬソースで表すには、どのようにパスを書いたらよろしいですか？教えてくださいよろしくお願いします。

回答No.4

-Kei · ベストアンサー

imgの方のパス指定が間違っているということですが
Resizedのフォルダ名が全角になってるとかそういうことはないですよね

ファイル構成はこれであってますか？
[myHP]
　├TOP.HTML
　└[img]
　　├4.jpg(元画像)
　　└[Resized]
　　　└4.jpg(縮小画像)

お礼

ｋｅｉさん、ホント済みません！
http://i-section.net/software/shukusen/←このソフトの設定ミスでした。新たに、「変換後ファイルの名の前にｓ－をつけて保存」にチェックして、縮小すると、ｉｍｇフォルダの中にｓ－４．ｊｐｇができてました。その時のソースが、<a href="4.jpg"><img src="s-4.jpg" border="0"></a>　になっていました。これで表示する事が出来ました。そこで最後に、おさらいをさせて下さい、今作った、ｓ－４．ｊｐｇが、Ｒｅｓｉｚｅｄにある時は、上の、ソースに当てはめればよろしいのですよね？　本当に私のミスで始まった、この質問に最後までお付き合い頂き誠にありがとうございました。次回もよろしくお願いします。

補足

ありがとうございます。フォルダ名半角でした。
エクスプローラーの左に表示されるツリーは、ｍｙｈｐ，ｉｍｇ，Ｒｅｓｉｚｅｄの順で右斜め下に階段のように等間隔で表示されてます。
ｍｙｈｐを開くと、ｔｏｐ．ｈｔｍｌ．ｉｍｇなどが表示されｉｍｇを開くとＲｅｓｉｚｅｄが表示されＲｅｓｉｚｅｄを開くと４．ｊｐｇがあります。こんな道順です。お疲れと思いますが、もう少しお付き合いください、よろしくお願いします。

回答No.3

-Kei

<a href="img/4.jpg"><img src="img/Resized/4.jpg" border="0"></a>
これでいいと思います。

お礼

早速やってみました。が、トップページには、四角の中に×印があるマークが表示されてました。これをクリックすると、大きなサイズで表示がされました。困った、なぜトップページに小さい画像が出ないのか？気づいた事があるのですが、Ｒｅｓｉｚｅｄフォルダの中に、２００７０６２３．ＨＴＭＬファイルがあるのですけど、これもトップページＨＴＭＬに書き込まないと都合悪いのでしょうか？ひき続きよろしくお願いします。それにしても階層表記むずかしいです。

回答No.2

-Kei

><a href="../4.jpg"><img src="4.jpg" border="0"></a>
<a href="[大きい画像までの相対パス]/大きい画像のファイル名"><img src="[小さい画像までの相対パス]/小さい画像のファイル名" border="0"></a>
にしないとダメです。

TOP.HTMLがあるのは小さい画像と同じディレクトリですか？
ファイルの構成がどうなってるのかよくわからないんですが
<a href="../4.jpg"><img src="../Resized-4.jpg" border="0"></a>
<a href="../4.jpg"><img src="../Resized/4.jpg" border="0"></a>
<a href="../4.jpg"><img src="Resized-4.jpg" border="0"></a>
<a href="../4.jpg"><img src="Resized/4.jpg" border="0"></a>
この中のどれか1つでいけませんか？

上の階層に移動するときは「../」
下の階層に移動するときは「移動したいフォルダ名/」
です。

補足

回答いただき有難うございます。補足させていただきます。
ＴＯＰ．ＨＴＭＬは、ｍｙｈｐフォルダに入ってます。
小さい画像は、ｍｙｈｐフォルダの中のｉｍｇフォルダの中のＲｅｓｉｚｅｄフォルダにあります。以上補足でした。

回答No.1

metis

確認と補足要求です。
・ウェブページのデータは、全て「myHP」フォルダ以下に入っている
・「myHP」フォルダの中に、「img」というフォルダがあり、その中に「Resized-4.jpg」という、縮小した画像ファイルが入っている。
と言うことですよね。
・「FFFTPで～」と言う件が分かりにくいです。何かしら他のソフトで編集した物を、FFFTPを使ってアップロードした、と解釈してよろしいでしょうか。（違う場合、具体的にどういう手順で縮小やソースの作成を行ったかを補足頂けると幸いです。）

では補足要求です。
・「小さい画像」や「大きい画像へのリンク」を貼ってあるページはどこにありますか？
・元の（大きいサイズの）画像はどこにありますか？そのファイル名は？

補足

ありがとうございます。小さい画像は、imgフォルダの中のＲｅｓｉｚｅｄの中に入ってます。元の画像は、ｍｙｈｐフォルダの中のｉｍｇフォルダに入ってます。ＦＦＦＴＰの事は、勘違いで「縮小専用」というソフトで縮小したら、質問に書いたソースが作成されました。すみません勘違いしてました。ひき続きよろしくお願いします。