搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 JS程式語法 [網站美化] 圖片連結失效時隱藏失效圖片的圖示 ...
byadmin 發表於 2016-4-15 15:27:29 , 1789人已閱讀 , 0人回應
2016-04-15_152608.jpg


有時候網站圖片失效時 , 會顯示一堆醜醜的圖片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"'>
複製代碼
以上各種方法歡迎大家任選囉

Traffic Exchange Site
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

文章分類

SR數位設計工作室

  • 服務專線:03-3555-069


ECSHOP購物網站開發|接案說明|線上洽詢|隱私權政策|SR數位設計(CMS)

信箱:sr.design2011@gmail.com

, Processed in 0.094568 second(s), 39 queries , Gzip On.

Copyright © 2011-2014 Template By SR網頁設計清新部落風格

Core - DZ2.5 GMT+8, 2019-5-26 12:53

回頂部