MENU 
Sản phẩm-chipkool.tk.png)
Trang chủ
Nổi bậc
Tiện ích-chipkool.tk.png)
Tài khoản
Tác vụ
YOUTUBE
NHẠC
Trang chủ
Kỹ thuật load ảnh trước dùng Javascript
Thứ Năm, 28 tháng 10, 2010
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.
<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>
Tăng cỡ chữ
Mặc định
Giảm cỡ chữ
Lên trên
Tổng số Bình luận [ 0]
Đăng nhận xét