我试图延迟加载收藏列表中的所有图片,如下所示:
http://trophymonk.com/collections/mascot-trophies
密码:iclabe
到目前为止,我已经完成了以下工作:
1.)在我的标题中调用了jquery.lazy.js
2.)编辑我的产品循环html,更改标记以包含data-original属性,将占位符url添加到src属性并添加" lazy"类。
3.)在结束体标记之前添加了脚本。
浏览器仅加载占位符图像。
知道为什么吗?
以下是正确实施延迟加载的shopify商店的示例: http://www.spargogolf.com/collections/new-clubs