現(xiàn)有一個需求:點擊列表進(jìn)入詳情頁,詳情頁中有圖片展示1.首次進(jìn)入如果圖片加載完畢了,關(guān)閉loading2.如果再次進(jìn)入,瀏覽器緩存了這個圖片,則不再顯示loading3.如果這個列表不包含圖片,點進(jìn)去后不顯示loading我用了個笨辦法,一進(jìn)去判斷img的src是不是空,不是空就loading動畫,然后使用jquery的.load()判斷加載完畢后關(guān)閉$(function(){ if($("#img").attr("src").length==0){ layer.msg('Loading...', { icon: 16, shade: 0.01, time: 3000 }); } $("img").load(function(){ layer.closeAll('loading'); })});但這里有個問題,如果圖片緩存了,進(jìn)入仍然開啟loading動畫,但圖片是直接顯示的,求助可否能根據(jù)緩存來顯示loading,或者我這個做法不對,有更好的方案?給個思路即可,有簡單的偽代碼更好,謝謝!
js如何根據(jù)圖片是否已經(jīng)緩存展現(xiàn)loading動畫?
瀟瀟雨雨
2018-11-21 18:13:54