懒加载图片-CSDN博客<script src="jquery-1.11.1.$(window).$('img').if

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>懒加载图片</title>
<style>
div{ margin-top:300px; width:470px; height:150px; border:1px #000 solid;}
</style>
<script src="jquery-1.11.1.js"></script>
<script>
$(function(){  
    toChange();
    $(window).scroll(toChange);
    function toChange(){        
        $('img').each(function(i,elem){            
            if( $(elem).offset().top < $(window).height() + $(window).scrollTop() ){              
                $(elem).attr('src',$(elem).attr('_src'));              
            }           
        });     
    }   
});
</script>
</head>

<body>
<div><img _src="img/1.jpg"></div>
<div><img _src="img/2.jpg"></div>
<div><img _src="img/3.jpg"></div>
<div><img _src="img/4.jpg"></div>
<div><img _src="img/5.jpg"></div>
</body>
</html>