
srcがリンク切れの画像をCSS/HTMLだけで隠すことはできるのか?
この前、imgタグについて、srcがリンク切れを起こしてる画像をhtmlとCSSだけで隠すことはできるのか?という質問を貰いました。
結論から言えば、そういうことはできません。
CSS/HTMLには画像がリンク切れかどうかを知る方法がないので、JavaScriptを使うしかない。
しかし、画像を隠すか、ソースをバックアップに置き換えることなら、最小限の方法で実現可能です。
その方法は、onerror
を使う。
こうすれば、リンク切れのsrcが入ったときに隠すか、他の画像を表示できます。
https://stackoverflow.com/questions/22051573/how-to-hide-image-broken-icon-using-only-css-html