javascript - 火狐瀏覽器怎麼不顯示載入失敗的圖片佔位符
阿神
阿神 2017-05-19 10:33:43
0
2
1137

頁面中加載圖片404,ChromeIE 下會顯示一個加載失敗的佔位符(如圖),這樣用戶能夠直白的看到有圖片加載失敗了,可是火狐為什麼沒有顯示類似的佔位符?

###
阿神
阿神

闭关修行中......

全部回覆(2)
漂亮男人

火狐比較特殊,可以試試看下面的啟用方式
網址列輸入about:config 查找browser.display.showimageplaceholders,值設為true

另外圖片不顯示最好不要用佔位符,可以嘗試用一下幾種方式,在圖片載入失敗時,給預設的圖片。

方式一

懶載入方式,src賦值前判斷真實img是否載入成功

方式二

少量img轉化

`test
​​`

批量img轉換
  $('img').error(function(){
            $(this).attr('src', "default.jpg");
         });
左手右手慢动作

火狐直接把alt裡的內容顯示出來,不會像ie/chrome那樣有個預設的圖片

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板