搜索
SR數位設計 ECSHOP RWD響應式技術開發 JS程式語法 [網站美化] 圖片連結失效時隱藏失效圖片的圖示 ...
byadmin 發表於 2016-4-15 15:27:29 , 477人已閱讀 , 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)

信箱:service@uniflow.com.tw 連絡電話03-3555-069 (時間AM10:00~PM7:30)

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

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

Core - DZ2.5 GMT+8, 2017-1-17 01:14

回頂部