贛州朝揚網(wǎng)絡(luò)科技有限公司貫徹做廣告不如做品牌，做品牌以回頭為本的經(jīng)營理念。一心只做為客戶賺錢的網(wǎng)站，為客戶提供營銷方案，解決網(wǎng)絡(luò)營銷疑問。
建站常識
朝揚解讀前沿 資訊，分享互聯(lián)網(wǎng)時代精英智慧
使用JQ實現(xiàn)圖片延遲加載功能丨贛州網(wǎng)站建設(shè)
發(fā)布時間：2018-02-05 作者： 來源： http://www.b2bwechat.cn/ 瀏覽：
在你的網(wǎng)頁</head>上添加一下代碼：
<SCRIPT type=text/javascript src="
{dede:global.cfg_templets_skin/}/js/jquery.lazyload.js"></SCRIPT>
<script type="text/javascript">
jQuery(document).ready(
$(function() {
$("img").lazyload({placeholder : "
{dede:global.cfg_templets_skin/}/grey.gif",effect : "fadeIn",threshold : 200 });
});
});
</script>
Lazy Load 這個 jQuery 插件，是用來緩沖加載圖片的插件。如果一篇文章很長有很多圖片的話，下載圖片就需要很多時間。而這款插件，會檢測你的滾動情況，只有你要看到那個圖片的時候，它才會從后臺請求下載圖片，然后顯示出來。使用這個插件，可以在需要顯示圖片的時候，才下載圖片，所以可以減少服務(wù)器的壓力，避免不必要的資源下載。
Lazy Load原理：
把img的src里的值，存放到自定義的original屬性里，當(dāng)圖片滾動到瀏覽器可視區(qū)域內(nèi)時，再把original里的值賦回到src里，實現(xiàn)分屏加載。
贛州網(wǎng)站建設(shè)|贛州網(wǎng)絡(luò)公司|贛州做網(wǎng)站|贛州網(wǎng)站建設(shè)價格|贛州網(wǎng)頁制作|贛州建網(wǎng)站公司|贛州微信二維碼平臺|贛州微信公眾號|贛州百度公|贛州百度推廣|贛州百度優(yōu)化|贛州朝揚網(wǎng)絡(luò)|朝揚網(wǎng)絡(luò)
