2023-03-18 06:28:44 +08:00
|
|
|
/**
|
2023-06-26 21:54:20 +08:00
|
|
|
* Set up image lazy-load
|
2023-03-18 06:28:44 +08:00
|
|
|
*/
|
|
|
|
|
2023-06-26 23:59:59 +08:00
|
|
|
function stopShimmer($node) {
|
|
|
|
$node.parent().removeClass('shimmer');
|
|
|
|
}
|
|
|
|
|
2023-03-18 06:28:44 +08:00
|
|
|
export function imgLazy() {
|
2023-09-08 22:48:37 +08:00
|
|
|
const $images = $('main img[data-src]');
|
2023-06-26 23:59:59 +08:00
|
|
|
|
|
|
|
if ($images.length <= 0) {
|
2023-03-18 06:28:44 +08:00
|
|
|
return;
|
|
|
|
}
|
2023-06-26 21:54:20 +08:00
|
|
|
|
|
|
|
/* Stop shimmer when image loaded */
|
|
|
|
document.addEventListener('lazyloaded', function (e) {
|
2023-06-26 23:59:59 +08:00
|
|
|
stopShimmer($(e.target));
|
|
|
|
});
|
|
|
|
|
|
|
|
/* Stop shimmer from cached images */
|
|
|
|
$images.each(function () {
|
|
|
|
if ($(this).hasClass('ls-is-cached')) {
|
|
|
|
stopShimmer($(this));
|
|
|
|
}
|
2023-06-26 21:54:20 +08:00
|
|
|
});
|
2023-03-18 06:28:44 +08:00
|
|
|
}
|