<style>
.switch_textarea {display:none;}
.div_style {width:600px; height:400px; }
</style>
<script type=”text/javascript” src=”jquery.1.4.4.js”></script>
<script type=”text/javascript” src=”lazyload.jquery.js”></script>
<script>
$().ready(function(){
$(“.switch_textarea”).lazyload();
});
</script>
</head>
<body>
<H2>第1张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd2385fd03.jpg” /></textarea></div>
<H2>第2张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd2366adec.jpg” /></textarea></div>
<H2>第3张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd233b8da4.jpg” /></textarea></div>
<H2>第4张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd231a0fd8.jpg” /></textarea></div>
<H2>第5张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd22e68f56.jpg” /></textarea></div>
<H2>第6张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd22c55a5d.jpg” /></textarea></div>
<H2>第7张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd2278872b.jpg” /></textarea></div>
<H2>第8张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd224a0f6e.jpg” /></textarea></div>
<H2>第9张图</H2>
<div class=”div_style”><textarea class=”switch_textarea”><img src=”4bdfd21fb42bc.jpg” /></textarea></div>
</body>
</html>
测试页面的html代码中将所有要载入的图片都放到了textarea标签中，其目的就是防止页面载入时这些img标签向服务器发出请求，从而实现减少不必要的请求数，实际应用中也可以将不需第一次载入的html代码放到textarea中。
