</pre><pre name="code" class="html"><script src="js/jquery-1.6.js" type="text/javascript"></script>
<script src="js/lyz.delayLoading.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function () {("img").delayLoading({
defaultImg: "images/loading.jpg", // 預加載前顯示的圖片
errorImg: "", // 讀取圖片錯誤時替換圖片(默認：與defaultImg一樣)
imgSrcAttr: "originalSrc", // 記錄圖片路徑的屬性(默認：originalSrc腕侄，頁面img的src屬性也要替換為originalSrc)
beforehand: 0, // 預先提前多少像素加載圖片(默認：0)
event: "scroll", // 觸發(fā)加載圖片事件(默認：scroll)
duration: "normal", // 三種預定淡出(入)速度之一的字符串("slow", "normal", or "fast")或表示動畫時長的毫秒數(shù)值(如：1000),默認:"normal"
container: window, // 對象加載的位置容器(默認：window)
success: function (imgObj) { }, // 加載圖片成功后的回調(diào)函數(shù)(默認：不執(zhí)行任何操作)
error: function (imgObj) { } // 加載圖片失敗后的回調(diào)函數(shù)(默認：不執(zhí)行任何操作)
});
});
</script>
<style type="text/css">
.box{ width:1200px; margin:0 auto;}
.box ul li { width:245px; height:245px; float:left; margin:10px; border:1px solid #e6e6e6; list-style:none; }
.box ul li img{ width:100%; min-height:245px;}
</style>
</head>
<body>
<div class="box">
<ul>
<li><img originalsrc="images/hua_8.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_2.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/1_030ZTF23528.jpg" /></li>
<li><img originalsrc="images/1_1225092K5R48.jpg" /></li>
<li><img originalsrc="images/1_122FU1035612.jpg" /></li>
<li><img originalsrc="images/_30.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/hua_8.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_2.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/1_030ZTF23528.jpg" /></li>
<li><img originalsrc="images/1_1225092K5R48.jpg" /></li>
<li><img originalsrc="images/1_122FU1035612.jpg" /></li>
<li><img originalsrc="images/_30.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/_1.jpg.680.510.jpg" /></li>
<li><img originalsrc="images/16.jpg" /></li>
<li><img originalsrc="images/17.jpg" /></li>
<li><img originalsrc="images/18.jpg" /></li>
<li><img originalsrc="images/19.jpg" /></li>
</ul>
</div>
圖片延遲加載
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門族檬，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人化戳，你說我怎么就攤上這事单料。” “怎么了点楼？”我有些...
- 文/不壞的土叔 我叫張陵扫尖，是天一觀的道長。 經(jīng)常有香客問我掠廓，道長换怖，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任蟀瞧，我火速辦了婚禮沉颂，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘悦污。我一直安慰自己铸屉，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布塞关。 她就那樣靜靜地躺著抬探，像睡著了一般。 火紅的嫁衣襯著肌膚如雪帆赢。 梳的紋絲不亂的頭發(fā)上小压，一...
- 文/蒼蘭香墨 我猛地睜開眼偏陪，長吁一口氣：“原來是場噩夢啊……” “哼抢呆！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起笛谦，我...
- 正文 年R本政府宣布瓤鼻，位于F島的核電站，受9級特大地震影響贤重，放射性物質(zhì)發(fā)生泄漏茬祷。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一并蝗、第九天 我趴在偏房一處隱蔽的房頂上張望祭犯。 院中可真熱鬧，春花似錦滚停、人聲如沸沃粗。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽最盅。三九已至，卻和暖如春起惕，著一層夾襖步出監(jiān)牢的瞬間涡贱，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案娃磺？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
- 在日常的抓取工作當中锋喜，經(jīng)常看到網(wǎng)站為了減輕網(wǎng)頁加載所需資源對圖片等資源進行延遲加載。那什么樣的頁面需要用到延遲加載...
- 你從別人上看到的其實就是你自己 我們對別人的意見涯冠，主要是取決于他們使我們看清自己什么炉奴，而不是我們?nèi)绾慰此麄儭?你所...
