<div class=noteclassic>Có 2 cách để giảm thời gian tải ảnh, bạn chỉ chọn 1 trong 2 đoạn mã dưới đây để áp dụng cho forum mình.
</div>
HD: Chèn vào header, trong thẻ head
Cách 1: Tải ảnh thay thế trước khi ảnh xuất hiện
Cách 2: Tải trước 200px của ảnh trước khi ảnh xuất hiện
Cách 3: Ảnh mờ dần trước khi xuất hiện
</div>
HD: Chèn vào header, trong thẻ head
Cách 1: Tải ảnh thay thế trước khi ảnh xuất hiện
- Code:
<script type="text/javascript" src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({placeholder : "http://i1211.photobucket.com/albums/cc433/baivong/21hA.png"});
});
</script>
Cách 2: Tải trước 200px của ảnh trước khi ảnh xuất hiện
- Code:
<script type="text/javascript" src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({ threshold : 200 });
});
</script>
Cách 3: Ảnh mờ dần trước khi xuất hiện
- Code:
<script type="text/javascript" src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {$(".postbody img").lazyload({effect : "fadeIn",placeholder : "http://2img.net/i/fa/empty.gif",overflow: scroll});});
</script>