在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Python/ 圖片預加載，出現多次加載

圖片預加載，出現多次加載

一個活動圖片太多，想要做預加載，但是發(fā)現會出現多次加載，并沒有從緩存中讀取。

<body>
    <img src="./img/arrow.png" id="slogn">
    <div class="loading" id="loading" style="display: none;">
        <div class="slogan"></div>
    </div>
<script>
var loadImg = new Image();
loadImg.src = 'img/slogn.png';
loadImg.onload = function () {
    document.getElementById("slogn").src = 'img/slogn.png'
    setTimeout(function () {
        document.getElementById("loading").style.display = 'block'
    },5000)
}
</script>
</body>

css：


.slogan{
  background: url("../img/slogn.png") no-repeat center;
}

clipboard.png

我看有很多用new Image來預加載圖片，但是這里來看并沒有從緩存中讀取數據，請問大家做活動通過什么方式來做到圖片預加載。

回答
編輯回答
執(zhí)念

一般在活動頁之前有個loading頁面，將圖片資源加載完后再跳轉到活動頁

可以才考下這個插件demo https://github.com/chenyinkai...

2017年12月29日 18:23
編輯回答
怪痞

你的圖片文件的 header 沒有設置可以緩存的，設置一下cache-control 和 etag

2017年7月16日 22:34