首頁  >  問答  >  主體

javascript - 火狐瀏覽器怎麼不顯示載入失敗的圖片佔位符

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

###
阿神阿神2710 天前1060

全部回覆(2)我來回復

  • 漂亮男人

    漂亮男人2017-05-19 10:35:43

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

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

    方式一

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

    方式二

    少量img轉化

    `test
    ​​`

    批量img轉換
      $('img').error(function(){
                $(this).attr('src', "default.jpg");
             });

    回覆
    0
  • ringa_lee

    ringa_lee2017-05-19 10:35:43

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

    回覆
    0
  • 取消回覆