我一直在搜索(不成功)一个可靠的方法来延迟加载图像,同时使用HTML5规范<picture>.目前大多数解决方案/插件都依赖于使用data-属性.我可能是错的,但似乎这种方法不能同时使用<picture>.
我真的只是想指向正确的方向.如果有人有他们正在使用的解决方案,我很乐意看到.谢谢!
更新:
这是HTML5规范的标准标记:
<picture width="500" height="500">
<source media="(min-width: 45em)" src="large.jpg">
<source media="(min-width: 18em)" src="med.jpg">
<source src="small.jpg">
<img src="small.jpg" alt="">
</picture>