jQuery滾動載入圖片效果的實作_jquery

複製程式碼程式碼如下：

/****************捲動載入圖片函數****************/
     函數scrollLoading(){
         var st = $(window).scrollTop(), sth = st $(window).height();
         var $targetpics = $("img.scrloadpic");
         var len = $targetpics.length;
         for(var i=0; i         {
     
             var post = $temppic.position().top;
             var posb = post $temppic.height();

             if((post > st && post st && posb                                   $temppic.attr("src", url);
                    $temppic.attr("xsrc", "");
                 }
            


上面是實現滾動載入的一個功能函數；下面在html程式碼中需要在img中加一個xsrc屬性臨時中東真實圖片的路徑，src中則中東載入圖片的路徑，為每一個需要實現這個功能的圖片加上一個名為「scrloadpic」的類別。 🎜>



最後在呼叫函數。 >

複製程式碼

程式碼如下：

scrollLoading(); $(window).bind("滾動",scrollLoading);