載入失敗使用預設圖片替代
頁面載入圖片的時候,可能由於各種原因導致載入失敗。
為了頁面的人性化,在失敗的時候通常會使用一張給定的圖片替代。
程式碼片段如下:
[HTML] 純文字檢視 複製程式碼<img src="logo.gif" onerror="javascript:this.src='default.gif'" >
上面程式碼本來要載入logo.gif,如果此圖載入失敗,那麼觸發error事件。
於是就載入default,gif替代logo.gif圖片,原理比較簡單不多介紹。
相關文章
- 美化載入失敗的圖片
- Service Worker 圖片載入失敗處理
- js img圖片載入失敗,重新載入+斷網檢查JS
- 圖片不存在使用預設圖片替代程式碼例項
- 圖片載入失敗解決方案 以及canvas即時生成提示圖片Canvas
- 預載入圖片
- 標籤 圖片載入失敗時候處理方案
- 記一次Fresco載入圖片失敗的分析
- 圖片預載入和懶載入
- window換行符導致Linux下sqlldr載入圖片失敗LinuxSQL
- jQuery圖片預載入程式碼jQuery
- js圖片預載入詳解JS
- Javascript圖片預載入詳解JavaScript
- 頁面圖片預載入與懶載入策略
- javascript圖片懶載入與預載入的分析JavaScript
- DHTML:預載入圖片輪顯(轉)HTML
- 圖片預載入,圖片懶載入,和jsonp中的一個疑問JSON
- HTML使用canvas載入圖片HTMLCanvas
- 如何實現圖片預載入和載入進度條
- javascript圖片預載入詳細介紹JavaScript
- javascript圖片預載入程式碼例項JavaScript
- javascript圖片預載入簡單介紹JavaScript
- js圖片預載入程式碼片段分享JS
- 預載入顯示圖片的藝術
- 載入網路圖片所顯示的轉圈效果及載入成功前與失敗後所顯示的圖示
- ECMAScript擴充套件 -12 【圖片的預載入與懶載入】套件
- 圖片預載入和懶載入(附上一個小demo瀑布流)
- sql無法開啟使用者預設資料庫,登入失敗,使用者‘sa’登入失敗,錯誤:4064的解決方法SQL資料庫
- 基於使用者行為的圖片等資源預載入
- AlamofireImage 使用 – swift載入網路圖片,縮放圖片,生成圓形圖片Swift
- Flutter 圖片載入Flutter
- 圖片懶載入
- 圖片載入事件事件
- 載入圖片方式
- 實現類似Pinterest 的圖片預載入功能REST
- jquery圖片預載入簡單程式碼例項jQuery
- jQuery實現圖片預載入程式碼例項jQuery
- 利用CSS、JavaScript及Ajax實現圖片預載入CSSJavaScript