javascript实现图片延迟加载方法汇总(三种方法)_javascript技巧

然后在页面加载时，把所有使用了lazy_src的图片都保存到数组里，然后在滚动时计算可视区域的top，然后把延时加载的图片中top小于当前可视区域（即图片出现在可视区域内）的图片的src的值用lazy_src的来替换（加载图片）：
JS代码：



使用方法：把页面上需要延时加载的图片src改成为lazy_src，然后把上面的js放到body最后面，然后调用：lazyLoad.init();

调戏的方法可以使用firebug来查看一时图片是否是延时加载。
另外：


如果你的页面上存在有内容切换的栏目的话，可能在切换时切换的内容里的图片可能会不显示，处理的方法是在内容时单独图片加载处理，如：





原生态js实现图片延时加载方法三：

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
    

    

    

        
javascript实现图片延迟加载方法汇总(三种方法)_javascript技巧
        
javascript实现图片延迟加载方法汇总(三种方法)_javascript技巧:看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。原理是这
        
推荐度：

    
    

        
            点击下载本文
            文档为doc格式
        
    

              
        
                

            标签：
                        图片
                        加载
                        几种方法
                    
                
            
            
 
                    

                        
热门焦点