当前很多网站已经使用了网页图片异步加载技术,其目的是为了节约流量和访问的带宽压力。 在这我也贴出源码供大家使用:看看效果先:
http://www.elvhome.com/Udefined/imgloading.html
使用方法:
在<head>区域内添加代码:
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript" language="javascript"></script>
另外在写上一段代码:
$(function(){
var $winH = $(window).height();
var $img = $("#show img");
var $imgH = parseInt($img.height()/2);
var $srcDef = "http://www.elvhome.com/Udefined/image/5637885820110126103051018.gif";
runing();
$(window).scroll(function(){
runing();
})
function runing(){
$img.each(function(i){
var $src = $img.eq(i).attr("original");
var $scroTop = $img.eq(i).offset();
if($scroTop.top+$imgH>=$(window).scrollTop()&& $(window).scrollTop()+$winH>=$scroTop.top+$imgH)
{
if($img.eq(i).attr("src") == $srcDef){
$img.eq(i).hide();
}
$img.eq(i).attr("src",function(){return $src}).fadeIn(300);
}
})
}
})
<body>中img的使用方法
<div id="show"> <a href="#"><img src="http://www.elvhome.com/Udefined/image/5637885820110126103051018.gif" original="http://www.elvhome.com/Udefined/image/5637885820110126103208087.jpg" /></a> </div>
有多少张就写多少张。。。
src是一个小点的图片,很小很小1像素。original才是图片的真实地址。
js代码下载地址 http://http://www.elvhome.com/Udefined/jquery-1.3.2-vsdoc2.js





