ページに画像を読み込む場合に 404 を実行すると、読み込み失敗のプレースホルダーが Chrome と IE の下に (図に示すように) 表示されるため、ユーザーはそれを直接確認できます。ロード中の画像があります。失敗しましたが、Firefox が同様のプレースホルダーを表示しないのはなぜですか?
Chrome
IE
闭关修行中......
Firefox は特別です。次のアクティベーション方法を試すことができます アドレスバーに about:config と入力して、browser.display.showimageplaceholders を見つけ、値を true に設定します
さらに、画像が表示されない場合は、プレースホルダーを使用しないことをお勧めします。画像の読み込みに失敗した場合は、デフォルトの画像を提供するいくつかの方法を試してください。
遅延ロードメソッド、SRC割り当て前に実際の画像が正常にロードされたかどうかを判断します
`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">`
Firefox は、コンテンツを alt で直接表示し、IE/Chrome のようなデフォルトの画像を持ちません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Firefox は特別です。次のアクティベーション方法を試すことができます
アドレスバーに about:config と入力して、browser.display.showimageplaceholders を見つけ、値を true に設定します
さらに、画像が表示されない場合は、プレースホルダーを使用しないことをお勧めします。画像の読み込みに失敗した場合は、デフォルトの画像を提供するいくつかの方法を試してください。
方法1
遅延ロードメソッド、SRC割り当て前に実際の画像が正常にロードされたかどうかを判断します
方法 2
少量の画像を変換します
`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`
画像のバッチ変換
リーリーFirefox は、コンテンツを alt で直接表示し、IE/Chrome のようなデフォルトの画像を持ちません