Tải và tải hình ảnh một cách lười biếng

Question

Tôi có một tệp html có nhiều thẻ.

Tôi muốn tải hình ảnh về sự kiện cuộn và dỡ các hình ảnh không hiển thị. như trong trình xem Aamzaon, khi bạn di chuyển lên/xuống, hình ảnh hiện tại trong khung bị tải chậm.

Tôi đã thấy rất nhiều công cụ LazyLoad, nhưng không có công cụ nào trong số đó có chức năng dỡ tải.

Answer 1

Sử dụng này plugin jquery: https://github.com/morr/jquery.appear Và sử dụng sự kiện: xuất hiện để hiển thị hình ảnh và biến mất để dỡ bỏ hình ảnh:

$('someselector').on('appear', function(event, $all_appeared_elements) { 
    // this element is now inside browser viewport 
}); 
$('someselector').on('disappear', function(event, $all_disappeared_elements) { 
    // this element is now outside browser viewport 
});