6/8/13

Thủ thuật load ảnh trước

Đăng bởi Admin | 6/8/13 | 0 nhận xét


Load ảnh trước dùng Javascript
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.
Chúc thành công!
theo:thuthuatblog 
Thu thuat vi tinh    

Không có nhận xét nào:

Đăng nhận xét

Cảm ơn bạn đã nhận xét !
- Bạn có thể chèn link vào nhận xét bằng thẻ: <a href="Link" rel="nofollow">Tên link</a>
- Tạo <b>Chữ đậm</b> và <i>Chữ ngiêng</i> cho nhận xét
- Hãy Chuyển đổi mã code trước khi chèn vào nhận xét
- Hãy bấm Theo dõi dưới chân trang để nhanh chóng nhận được phản hồi từ Thủ thuật vi tính
- Những nhận xét nào không lành mạnh hoặc chèn link spam sẽ bị xóa khỏi blog.

Mã hóa Code

Support : Trick Blogspot | Ghost win | Website Design | Seo Trick | Ghost win | Software Free | Site Map | Back Link | Contact Advertising | ↑ back to top
Ghi rõ nguồn thuthuatvitinhaz.blogspot.com dưới dạng liên kết khi phát hành lại thông tin từ trang này
Copyright © 2013. Thủ thuật Số - All Rights Reserved
Design by Ngân Giang
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Template by Dameva