jQueryはピクチャのロードを遅延し、現在の画面のピクチャのみをロードし、ピクチャが使用されるとロードする
909 ワード
$(function(){
var $winH = $(window).height();//
var $img = $("#show img");
var $imgH = parseInt($img.height()/2);//
var $srcDef = "a.gif";
runing();//
$(window).scroll(function(){
runing();//
})
function runing(){
$img.each(function(i){// img
var $src = $img.eq(i).attr("original");// img URL
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);//
}
})
}
})