0

次のコードを使用して4つの画像ファイルを参照する基本的なWebページがあります。

<img src="/images/SanFran.jpg" name="urbanForm" alt="urbanFormA" width="150" height="100"/>

（SanFran.jpgをLondon.jpg、NewYork.jpg、Barcelona.jpgに変更します-ファイル名を置き換えるだけです）

ただし、4つのjpegは非常に似ており（200 x 150ピクセル）、同様の手法（Picassaで画像を切り抜く）を使用して作成されていますが、読み込まれるファイルは1つだけです（London.jpg）。他の3つは私に壊れたリンクメッセージを与えます。何度もスペルミスがないことを確認しましたが、問題は見つかりませんでした。

考慮していないことはありますか？

（OSXでAptana Studioを使用しており、Safariをプレビューアとして使用して表示しています。FirefoxまたはChromeを使用して表示した場合も同じ問題が発生します）

4

5 に答える 5

2

すべての画像は同じディレクトリにありますか?

すべてのファイル名を小文字にして、それが問題ではないことがわかります。

拡張子を再確認してください。「jpg または jpeg または JPG または JPEG」

基本に立ち返る<img src="images/filename.jpg" />

于 2010-12-09T17:03:33.977 に答える
1

ファイルが存在することがわかっている場合は、ファイル名の大文字と小文字が一致していることを確認し（sはLinuxのSとは異なります）、.jpgが.jpegではなく適切な拡張子であることを確認します。

于 2010-12-09T17:02:11.373 に答える
1

  1. 他の 1 つに SanFran.jpg という名前を付けてみてください。何が起こるか見てください。手がかりになるかもしれません。

  2. それらをすべて Windows エクスプローラーで開き、イメージ自体が正常に読み込まれ、破損していないことを確認します。

  3. すべてが /images/ にあることを確認します

  4. 壊れたリンクを右クリックして、画像の表示または画像の場所のコピーを選択します。アクセスしようとしている場所が間違いなく正しい場所かどうかを確認します。

  5. 作業中のものと同じことをしてください。比較して、違いがあるかどうかを確認します。

  6. 念のため、すべてを小文字に変更してください (言い訳)

  7. ctrl+shift+reload を数回押し、F5 を数回押します。

  8. 方法を知っているかツールを持っている場合は、手動でキャッシュをクリアしてください。

  9. 別の場所にコピーして、そこにロードしてみてください。理想的には、別のコンピューターです。

  10. どこかにアップロードして、オンライン時にブラウザで動作するかどうかを確認してください

うまくいけば、それらの1つが役立つかもしれません...

于 2010-12-09T17:24:35.410 に答える
1

これは、JPEG が RGB ではなく CMYK として保存されていることが原因である可能性があります。詳細については、このリンクを参照してください。ただし、これは一部のブラウザにのみ影響します

http://www.plaveb.com/blog/cmyk-images-not-displayed-in-internet-explorer

于 2010-12-09T17:04:42.003 に答える
0

Photoshop で画像を開き、RGB カラー形式で再保存します (CMYK の場合のみ)。一部のレガシー ブラウザの既知の問題。

于 2010-12-09T17:26:01.947 に答える