HP制作の初心者です。
基本的な質問かと思いますがよろしくお願いします。
FFFTPを使って、画像をアップしたいのですが、IEでは見れるのに、Mozillaでは見れません。
どうしてでしょうか。
<td width="25%"><img src="C:\Program Files\citclejpg/aaa.jpg" width="150" height="120"></td>
<td width="25%"><img src="C:\Program Files\citclejpg/aaa2.jpg" width="150" height="120"></td>
<td width="25%"><img src="C:\Program Files\citclejpg/aaa3.jpg" width="150" height="120"></td>
<td width="25%"><img src="C:\Program Files\citclejpg/aaa4.gif" width="150" height="120"></td>
といった感じです。
よろしくお願いします。
No.4ベストアンサー
- 回答日時:
自分のローカルな環境で扱いたい場合を想定しまして・・・。
<img src="file:///C:
ネスケ系では、上記の様に file:/// が必要です。
尚、この記述でも IE6 で見る事はできました。
それから、これはあくまで閲覧者の環境にあるファイルを見るという指定です。
サーバの様に公開する場合はまずその画像が閲覧者に見える位置に存在しなければならず、またそのアップした場所を指し示さなければなりません。
今回、
>FFFTPを使って、画像をアップしたいのですが、
>IEでは見れるのに、Mozillaでは見れません。
とありますが、まず画像の位置を
><img src="C:
と指定している事により閲覧者のCドライブにあると表現しています。
この時点でブラウザは画像を閲覧者の端末(たぶんPC)から画像を探しますので、画像がアップされているかどうか関わらず、その為に画像アップも成功しているか不明です・・・。ご注意下さい。
次にIEでは見れるとの事ですが、開発者の環境でたまたま見えているだけです・・・。というか、アップした画像は見えていません。アップした先(サーバ)ではなく閲覧している端末(クライアント)の C:\Program Files\citclejpg/aaa3.jpg を見ているだけです。
更に Mozilla だとそのローカルの指定では file:/// の指定が必要だったというだけの事です・・・。
最後に、望ましい対処方法ですが、
まぁ「相対パス」(「./aaa.jpg」同じフォルダ内という意味。 「../bbb.jpg」1つ上のフォルダ内という意味。 「../../ccc/ddd.jpg」2つ上のフォルダ内の ccc フォルダ内という意味)を用いるのがお勧めかと・・・。とりあえず、ローカルでも表示確認できます。
No.3
- 回答日時:
>C:\Program Files\citclejpg/aaa.jpg
上記のようなパス指定に問題があるのでは?
これでは、このホームページを見た人は、勝手に自分のパソコンの
Cドライブにあるファイルを開こうとしていまいます。
実際には、開く前にブラウザが警告を出すと思います。
画像ファイルが「citclejpg」フォルダにあるとすると
「<img src="citclejpg/aaa.jpg"...」という感じで
良いのでは?
No.2
- 回答日時:
指定ファイルパスが「C:\~」となっている時点で既に問題ありだと思います。
WEB上から直接ローカル画像を参照した場合、貴方しかそれを見ることは出来ません。
HTMLで読み込む外部ファイルはhttp://~の絶対パス、または相対パスで指定しましょう。
参考URL:http://heo.jp/tag/kowaza/zatsugaku/02.html
No.1
- 回答日時:
とりあえず、HP作成して
サーバーにアップしたのであれば
書き方が間違っています。
C:\Program Files\citclejpg/aaa.jpg
っというのは、ご自分のパソコンの
CドライブのProgram Filesの中の画像を指定しているので
あなた以外の他の人には、みえません。
もちろん、あなたがオンラインでみれば、見れません。
モジラでみれるみれないの前に
タグを書き直せば、どのブラウザでも見れるようになります。
相対パスで検索を。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
拡張子無しで画像を表示したいです
-
ホームページにサウンドの「ON...
-
バナーの貼り方とバナーにリン...
-
画像のアドレスについて
-
リンクの上にマウスカーソルを...
-
背景が透明なリンクボタンで、...
-
画像クリックでクリップボード...
-
フォルダ内の画像をウェブでラ...
-
pngやjsの後ろの英数字の意味は...
-
HTMLでデスクトップの画像がでない
-
HTMLタグで画像が表示されない
-
すいません HTMLです この画像...
-
画像を二枚ずつ表示して、選ん...
-
IMGタグでTIFF画像を表示
-
タイトルバーに画像を入れるHTM...
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
リンクとして認識されない
-
画像を入れ替える方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報