Jquery CDN未使用slick_slider中的延迟加载图像

我的滑块有问题。我们用我们非常喜欢的东西。。然而，我们通过开发工具注意到，CDN只使用滑块中的第一个图像。而其他使用延迟加载功能的CDN没有使用

我们使用wpengine.com来托管我们的wordpress站点。他们在我们的安装中内置了最大cdn，当您在开发工具中查看这些图片时，我们在网站上使用或上传到媒体库的所有图片都是“cdn”链接

因此，在Header.php中，我们有如下的滑块html：

<section class="lazy fade single-item slider" style="max-height:324px; 
overflow:hidden;">
    <a class="slide-link" href="#">
        <div>
            <img src="/images/img1.jpg">
        </div>
    </a>
    <a class="slide-link laz-slide" href="#">
        <div>
            <img data-lazy="/images/img2.jpg">
        </div>
    </a>
    <a class="slide-link laz-slide" href="#">
        <div>
            <img data-lazy="/images/img3.jpg">
        </div>
    </a>
</section>

您会注意到，第一个图像标记使用的是src=”“，而其他图像使用的是data lazy=“

这个延迟加载函数内置于-如果您点击该链接上的ctrl+f并搜索“lazy”，您可以在github页面上看到他们是如何引用它的

我的问题是，我们的CDN没有使用依赖于data lazy=“进行延迟加载的映像。但是，如果我简单地将它们更改为src=”“并保存，当我签入开发工具时，它会显示它们都是由CDN加载的

有人能想出一个相对简单的解决方案，让我可以同时使用惰性加载和CDN来处理我的图像吗

---

谢谢

它对我有用。。。请检查代码并检查此示例

$（document）.on（'ready'，function（）{
美元（“.regular”）。光滑({
懒洋洋的：“ondemand”，
无限：是的，
幻灯片放映：3，
幻灯片滚动：1
});
});
滑块{
宽度：50%；
保证金：100像素自动；
}
.滑滑梯{
利润率：0px 20px；
}
.滑溜式img{
宽度：100%；
}
.史莱克·普雷夫：之前，
.滑头下一个：之前{
颜色：黑色！重要；
}
在IMG SRC中添加“data lazy”，它可以很好地处理延迟加载映像。
这根本不起作用。没有加载图像