可以采用onerror的屬性: onerror="javascript:this.src='${base}/after/img/aifu.png'" <img id="photo" alt="" src="" onerror="javascript:this.src='${base ...
最開始的 img 圖片找不到時,界面上會顯示圖片裂開了 這時候,我們想避免這種情況,當圖片找不到時,顯示一張默認圖片 可以看到,圖片加載出錯時,會調用 onerror,將圖片的 src 設置成默認圖片的 src 。 圖片能找到時,也能夠正常顯示 但是當圖片加載出問題,默認圖片也出問題時,會死循環 更改 onerror 設置即可解決死循環問題 所以,最終的方法就是 ...
2021-07-06 15:03 0 174 推薦指數:
可以采用onerror的屬性: onerror="javascript:this.src='${base}/after/img/aifu.png'" <img id="photo" alt="" src="" onerror="javascript:this.src='${base ...
為了美觀當網頁圖片不存在時不顯示叉叉圖片 當在頁面顯示的時候,萬一圖片被移動了位置或者丟失的話,將會在頁面顯示一個帶X的圖片,很是影響用戶的體驗。即使使用alt屬性給出了”圖片XX”的提示信息,也起不了多大作用。其實,可以這樣處理:當圖片不存在的時候,會觸發onerror事件,我們可以在該事件中 ...
img標簽設置默認圖片 為了美觀當網頁圖片不存在時不顯示xx圖片。 當在頁面顯示的時候,萬一圖片被移動了位置或者丟失的話,將會在頁面顯示一個帶X的圖片,很是影響用戶的體驗。其實,可以這樣處理:當圖片不存在的時候,會觸發onerror事件,我們可以在該事件中做處理。 1、讓這個圖片 ...
...
1. [代碼]img標簽src對應的圖片不存在,顯示一個默認的圖片 2. [代碼][CSS]引用“何世友@PoQoP”童鞋的方案 ...
在 img 標簽 加上onerror="onerror=null;src='123.jpg'" ,即當圖片加載失敗時會自動加載123.jpg ,例如 <img src="abc.jpg" onerror="onerror=null;src='123.jpg'" /> ...
在js中有onload、onerror兩個事件,可在圖片中加入,修改對於的src地址, 這樣可改善網絡差或者圖片丟失時的用戶體驗 如下 <img src="img/3.jpg" onload="this.src='default.jpg'" onerror="this.src ...