在html代码AEM 6.5中可以执行延迟加载图像的命令是什么?

Question

我必须在AEM 6.5中实现延迟加载图像的组件的javascript。我如何改变。

我已经为组件创建了dailog，并在AEM 6.5的clintlib中实现了javascript。我应该在html代码中做些什么来改变图像的惰性加载?

Answer 1

AEM核心WCM组件已经支持延迟加载图像:

• Image (v3)使用本地浏览器功能，示例标记

<img ... loading="${image.lazyEnabled ? 'lazy' : ''}" ...

• 为Image (v2)通过JavaScript，标记示例和JS代码

<div ...
data-cmp-lazy="${image.lazyEnabled}"
data-cmp-lazythreshold="${image.lazyThreshold}"
...

update = function() {
if (that._properties.lazy) {
if (isLazyVisible()) {
loadImage();
}
} else {
loadImage();
}
};