這個外掛的功能就是只載入顯示在畫面上的圖片，其餘未閱讀部分的圖片先不要下載，這樣的好處是可以加速文章載入的速度，不用等到全部圖片載入完，就可以先看到內容，使用方法如下：


1、先裝Jquery，，將以下的程式碼放到<head></head>中間。
註：這個Jquery的程式是放在 google ajax lib中的，如果有自己的網頁空間，可以下載後放在自己的空間中，方便管理。
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>



2、下載Lazyload的js檔，放在網頁空間中。再把下面的程式碼放到<head></head>中間。


<script src='lazyload.js在網路上的位址'></script>




3、最後同樣在中加入以下程式碼. 



<script>
$("img").lazyload( { effect : "fadeIn" } );
</script>


ps：原本的預設是show，就是直接顯示，加上effect：」fadein」就會有淡入的效果。，在jQuary說明文件中有其他特效的說明。

4、完工。


參考資料：

不連續×思考斷×面解構
最終邪惡狂想            

                        


    

        

                    

    

    

        arrow
    

    

        arrow
    

    
    

    


                        

    
    
    
            
    
    
    
        
    
            
    全站熱搜
    
        
    
        
    
                
    
    
    

    




                            
                
    
                        
                        



                                                    
                                                            
     
        
        

    
    
        
    
    
    
    
        
    
            melacwch 發表在 痞客邦                    留言(0) 人氣()
                    
     
        
    
            E-mail轉寄