服務信箱：sr.design2011@gmail.com搜尋本網站

SR網頁設計工作室 - 購物網站/企業官網專業開發

搜索
SR網頁設計工作室 - 購物網站/企業官網專業開發 › JS程式語法 › [網站美化] 圖片連結失效時隱藏失效圖片的圖示 ...

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

byadmin 發表於 2016-4-15 15:27:29 , 4860人已閱讀 , 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
高級模式
B Color Image Link Quote Code Smilies
您需要登錄後才可以回帖 登錄 | 立即註冊

作者資訊

admin

文章分類

Contact us

歡迎您使用以下方式聯繫我們 , 本工作室服務時間為每日早上10:00點至晚間7:30點 ,也可點選下方 Contact us 進入留言板留下您的問題與相關聯絡資訊 , 我們將會儘快了解與回覆您。

SR數位設計工作室

  • 服務專線：03-3555-069


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

信箱：sr.design2011@gmail.com

本網站推薦使用以下瀏覽器 (請點擊圖式下載)

, Processed in 0.037476 second(s), 38 queries , Gzip On.

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

Core - DZ2.5　GMT+8, 2024-4-26 14:20

回頂部