- Messages
- 585
- Points
- 10
- Language
- Tiếng Việt
Thư viện Lazy Load là thư viện nhằm làm trễ việc tải hình ảnh trên website. Những hình ảnh nằm ngoài khung hình mà các bạn thấy trên trình duyệt sẽ không được tải cho tới khi người dùng cuộn website tới hình ảnh đó. Vì vậy, sử dụng thư viện Lazy Load trên những website có nội dung dài với nhiều hình ảnh sẽ giúp cho website được tải nhanh hơn, trong một số trường hợp còn giúp giảm tải máy chủ.
Để sử dụng thư viện Lazy Load các bạn cần phải tích hợp thư viện jQuery vào website trước. Các bạn truy cập địa chỉ http://jquery.com để tải thư viện jQuery.
Các bạn truy cập địa chỉ https://github.com/tuupola/jquery_lazyload/tree/2.x để tải thư viện Lazy Load và tích hợp vào website với dòng lệnh như sau:
Hình ảnh các bạn muốn áp dụng Lazy Load thì các bạn viết mã lệnh như sau:
Nội dung mã lệnh JavaScript để chạy Lazy Load như sau:
Các bạn có thể tìm hiểu thêm về thư viện Lazy Load tại địa chỉ https://appelsiini.net/projects/lazyload.
Để sử dụng thư viện Lazy Load các bạn cần phải tích hợp thư viện jQuery vào website trước. Các bạn truy cập địa chỉ http://jquery.com để tải thư viện jQuery.
Các bạn truy cập địa chỉ https://github.com/tuupola/jquery_lazyload/tree/2.x để tải thư viện Lazy Load và tích hợp vào website với dòng lệnh như sau:
HTML:
<script src="path/to/lazyload.min.js"></script>
HTML:
<img class="lazy-load" data-original="path/to/image.jpg" width="500" height="300">
JavaScript:
$(function() {
$('.lazy-load').lazyload();
});