码迷,mamicode.com
首页 > Web开发 > 详细

js 单个图片的延迟加载

时间:2016-06-02 11:36:33      阅读:144      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!