Javascript 如何将中等缩放库与lazysizes一起使用？

允许通过图像加载上的转换改进用户体验，并解锁中等大小的缩放图像。问题是lazysizes异步执行转换。 因此，如果您通过运行以下命令在页脚的某个位置注册图像以进行缩放：

mediumZoom( "[data-zoomable]" )

---

它很可能在转换完成之前执行。而且缩放也不起作用，因为它会绑定到分离的节点。那么我们如何一起使用这些库呢？

lazysizes公开了一个事件API（）。因此，我们可以在安全的情况下注册图像节点进行缩放：

document.addEventListener( "lazybeforeunveil", e => {
   mediumZoom( "[data-zoomable]" );
});