贛州朝揚(yáng)網(wǎng)絡(luò)科技有限公司貫徹做廣告不如做品牌,做品牌以回頭為本的經(jīng)營(yíng)理念。一心只做為客戶賺錢的網(wǎng)站,為客戶提供營(yíng)銷方案,解決網(wǎng)絡(luò)營(yíng)銷疑問(wèn)。
建站常識(shí)
使用JQ實(shí)現(xiàn)圖片延遲加載功能丨贛州網(wǎng)站建設(shè)
在你的網(wǎng)頁(yè)</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 這個(gè) jQuery 插件,是用來(lái)緩沖加載圖片的插件。如果一篇文章很長(zhǎng)有很多圖片的話,下載圖片就需要很多時(shí)間。而這款插件,會(huì)檢測(cè)你的滾動(dòng)情況,只有你要看到那個(gè)圖片的時(shí)候,它才會(huì)從后臺(tái)請(qǐng)求下載圖片,然后顯示出來(lái)。使用這個(gè)插件,可以在需要顯示圖片的時(shí)候,才下載圖片,所以可以減少服務(wù)器的壓力,避免不必要的資源下載。
Lazy Load原理:
把img的src里的值,存放到自定義的original屬性里,當(dāng)圖片滾動(dòng)到瀏覽器可視區(qū)域內(nèi)時(shí),再把original里的值賦回到src里,實(shí)現(xiàn)分屏加載。
贛州網(wǎng)站建設(shè)|贛州網(wǎng)絡(luò)公司|贛州做網(wǎng)站|贛州網(wǎng)站建設(shè)價(jià)格|贛州網(wǎng)頁(yè)制作|贛州建網(wǎng)站公司|贛州微信二維碼平臺(tái)|贛州微信公眾號(hào)|贛州百度公|贛州百度推廣|贛州百度優(yōu)化|贛州朝揚(yáng)網(wǎng)絡(luò)|朝揚(yáng)網(wǎng)絡(luò)