js图片预加载

<div id="preload_wrap">
</div>
    <script>
window.hui = {util:{}};
hui.util.preload = function (list, callback) {
var me = hui.util.preload,
src,
html = '';
if (!me.loaded && !me.left) {
me.init();
}

me.onloadAllCallback = callback;
me.finished = false;

for (var i=0,len=list.length; i<len; i++) {
src = list[i];
me.left.push(src);
me.list.push(src);

html += '<img src="'+src+'" str="'+src+'" οnlοad="hui.util.preload.onloadCallback(this)" />'
}
var wrap = document.getElementById('preload_wrap');
if (!wrap) {
wrap = document.createElement('DIV');
wrap.id = 'preload_wrap';
var parent = document.body || document.documentElement;
if (parent.firstChild) {
parent.insertBefore(wrap, parent.firstChild);
}
else {
parent.appendChild(wrap);
}
}
wrap.innerHTML = html;
};
hui.util.preload.init = function () {
hui.util.preload.left = [];
hui.util.preload.list = [];
hui.util.preload.loaded = [];
hui.util.preload.finished = false;
hui.util.preload.onloadAllCallback = new Function();

};

hui.util.preload.onloadCallback = function (elem) {
var me = hui.util.preload,
src = elem.getAttribute('str');
if (!me.loaded && !me.left) {
me.init();
}
me.loaded.push(src);

for (var i=me.left.length-1; i>-1; i--) {
if (me.left[i] === src) {
me.left.splice(i, 1);
}
}

if (!me.finished && me.left.length < 1) {
me.finished = true;
me.onloadAllCallback();
}
};
hui.util.preload([
'/classzt/hjvoice_m/img/20.png','/classzt/hjvoice_m/img/30.png','/classzt/hjvoice_m/img/40.png','/classzt/hjvoice_m/img/50.png',
'/classzt/hjvoice_m/img/bei_03.jpg','/classzt/hjvoice_m/img/bg.png','/classzt/hjvoice_m/img/bglingque_03.png',
'/classzt/hjvoice_m/img/bglingque_06.png','/classzt/hjvoice_m/img/dianjitingzhi_03.png','/classzt/hjvoice_m/img/hanyu.png',
'/classzt/hjvoice_m/img/hanyu_1.png','/classzt/hjvoice_m/img/hanyu_03.png','/classzt/hjvoice_m/img/hanyu_05.png',
'/classzt/hjvoice_m/img/riyu.png','/classzt/hjvoice_m/img/riyu_1.png','/classzt/hjvoice_m/img/riyu_2.png','/classzt/hjvoice_m/img/riyu_03.png',
'/classzt/hjvoice_m/img/riyu_05.png','/classzt/hjvoice_m/img/shiting_03.png','/classzt/hjvoice_m/img/xiaoyuzhong.png',
'/classzt/hjvoice_m/img/xiaoyuzhong_1.png','/classzt/hjvoice_m/img/xiaoyuzhong_2.png','/classzt/hjvoice_m/img/xiaoyuzhong_03.png','/classzt/hjvoice_m/img/xiaoyuzhong_05.png',
'/classzt/hjvoice_m/img/yingyu.png','/classzt/hjvoice_m/img/yingyu_1.png','/classzt/hjvoice_m/img/yingyu_4.png','/classzt/hjvoice_m/img/yingyu_5.png',
'/classzt/hjvoice_m/img/yinyu_03.png','/classzt/hjvoice_m/img/yinyu_05.png'
],function(){
window.setTimeout(function(){
jisuan();
$(".ceng").hide();
$("#fullpage").show();
}, 1000);
});
//==========================================================================
    </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值