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

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

未整理記事

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です