Trang Chính1
Kỹ thuật load ảnh trước dùng Javascript 18/01/12, 10:30 pm
 |  |  |
 | ![[KiNg]_[PiN]-BB](https://2img.net/u/3413/17/90/42/avatars/1-90.jpg) |  |
 |  |  |
[KiNg]_[PiN]-BB
Giới Tính : 
Join : 24/08/2011
Tuổi : 29
Địa Chỉ : Hà Nội
Bài chém : 372
Tiền : 2147650283
like : 3
Kỹ
thuật load ảnh trước là một cách để cải thiện tốc độ tải trang web. Khi
ảnh được load trước trong công cụ trình duyệt, người đọc có thể lướt
qua trang web của bạn nhanh chóng hơn. Kỹ thuật này đặc biệt hữu ích cho
các trang web có bộ sưu tập hình ảnh.
Sau đây xin giới thiệu một kỹ thuật giúp load ảnh trước sử dụng Javascript.
Đặt phần code dưới đây vào trước thẻ <body>.
<div class="hidden">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var images = new Array()
function preload() {
for (i = 0; i < preload.arguments.length; i++) {
images[i] = new Image()
images[i].src = preload.arguments[i]
}
}
preload(
"http://yourdomain.com/gallery/image-001.jpg",
"http://yourdomain.com/gallery/image-002.jpg",
"http://yourdomain.com/gallery/image-003.jpg"
)
//--><!]]>
</script>
</div>
Bạn cần phải thay đường dẫn cho các file ảnh cần load
trước. Với việc thêm đoạn thẻ <div class="hidden"> trên vào ngay
dưới thẻ <body> của trang web hoặc blog của bạn, khi trình duyệt
đọc tới thẻ div này, nó sẽ load trước toàn bộ những ảnh được liệt kê
trong danh sách trên vào trong bộ đệm của trình duyệt.
