首页 > Web开发 > 详细

js 单个图片的延迟加载

时间:2016-06-02 11:33:25      阅读:142      评论:0      收藏:0      [点我收藏+]

单个图片的延迟加载

总结:   1.Image对象,代表的是嵌入的图片 -->img标签每出现一次,Image对象就会被创建一次。所以创建一个实例用来接收img的src。

    2.onload就是页面或者图片加载完成之后触发。

    3.用完这个实例之后,一般要销毁的!要不然加载一次创建一个!造成负担。

 

开始写代码:

<div id="banner">
    <img src="" trueImg="1.png"/>
</div>

 

 var banner = document.getElementById("banner");
    var imgFir = banner.getElementsByTagName("img")[0];

    window.setInterval(function(){
        var oImg = new Image;
        oImg.src = imgFir.getAttribute("trueImg");
        oImg.onload = function(){
            imgFir.src = this.src;
            imgFir.style.display = "block";
            oImg = null;
        }
    },500);

 

js 单个图片的延迟加载

原文:http://www.cnblogs.com/jin-000/p/5552147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!