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);//      
            }
        })
    }
})