[網站美化] 圖片連結失效時隱藏失效圖片的圖示

有時候網站圖片失效時 , 會顯示一堆醜醜的圖片icon , 其實可以透過簡單的JS或JQ的語法將它隱藏起來 , 有需要的朋友可以參考以下語法。

JS (指定ID或Class)

1. var img = document.getElementById("myImg");
   
2. img.onerror = function () {
   
3.     this.style.display = "none";
   
4. }
   

複製代碼

JQ (指定ID或Class)

1. $("#myImg").error(function () {
   
2.     $(this).hide();
   
3. });
   

複製代碼

JQ (整站失效的圖片全隱藏)

1. $("img").error(function () {
   
2.     $(this).hide();
   
3.     // or $(this).css({visibility:"hidden"});
   
4. });

複製代碼

HTML (直接寫入onerror時隱藏)

1. <img onerror='this.style.display = "none"'>

複製代碼

以上各種方法歡迎大家任選囉