Javascript 用动态标签加载图像？

我正在尝试用动态选项卡延迟加载图像。我的代码基本上是这样的，选项卡内容中包含图像：

我正在使用（我也尝试过其他方法，但没有成功）

不管怎样，使用lazyload插件，它仍然会加载所有选项卡窗格中的所有图像（不是延迟加载），但我只希望在查看时加载活动的选项卡窗格类，而在查看前不加载非活动的选项卡窗格

$("img.lazy").lazyload({
    skip_invisible : true
});

它可以工作，但只有在触发1px+滚动时才能工作。有什么想法或解决办法吗？我正在尝试一种变通方法，为导航选项卡的

onclick

嵌入一个侦听器，但它不起作用，因为我认为在调用滚动触发器之前选项卡内容没有更新。或者，对于动态选项卡，还有比此更好的替代方法吗？

使用。此lazyloader自动检测当前和未来img元素的可见性更改

---

只需包含脚本，添加类

lazyload

，并使用

datasrc

而不是

src

，我不会使用lazysizes插件，因为它只有数百行代码用于图像延迟加载。我认为在你的情况下，你可以使用微插件，如。它是，非常轻，效率高

首先，您必须定义图像占位符（在本代码示例中为1号选项卡）：

即将推出Chrome 75！