您当前的位置: > 个人博客 > css分类

判断图片加载完成的三种方式

2016-10-13 00:16:48 点击量:25 标签: 收藏本文

<script>
//document.getElementById("index_banner").getElementsByTagName("img")[0].onload = function() {
//        $("#index_banner .amni").find('img').eq(0).animate({opacity:1,height:"100%",width:"100%"},300);    
//        play_moment();
//};
var banner_img = document.getElementById("index_banner").getElementsByTagName("img")[0];
//banner_img.onreadystatechange = function() {
//            if(banner_img.readyState=="complete"||banner_img.readyState=="loaded"){
//        $("#index_banner .amni").find('img').eq(0).animate({opacity:1,height:"100%",width:"100%"},300);    
//        play_moment();
//            }
//};

function imgLoad(img, callback) {
            var timer = setInterval(function() {
                if (img.complete) {
                    callback(img);
                    clearInterval(timer);
                }
            }, 300);
        }
imgLoad(banner_img, function() {
    $("#index_banner .amni").find('img').eq(0).animate({opacity:1,height:"100%",width:"100%"},300);    
        play_moment();
});
        

</script>
CONTACT US

地址:武汉腾讯大楚网

电话:1997567510

电子邮件:5367604@qq.com

若需在线联系,可直接点击下面按钮咨询