所以我想使用Lazysizes(延迟加载响应图像)。我的Grunt堆栈中包含了Responsive Images Extender,它可以输出响应式图像代码(srcset),而不仅仅是包含一个" img"标记为" src"属性。 Lazysizes需要" data-srcset"取代" srcset"但是,属性。我在我的页面中添加了一个脚本,用于更改" srcset"属性为" data-srcset"属性,但这并不理想,因为图像已经在运行时下载。如果我可以用Grunt更改标签,那将是理想的,因为改变它们没有优势。
这似乎很常见,但我找不到一个好方法。字符串替换似乎不是一个理想的解决方案,因为如果我使用" srcset ="它会导致问题。在我的代码中。
答案 0 :(得分:1)
我对grunt-responsive-images-extender进行了重大修改,并添加了通过srcset
将data-srcset
的属性名称更改为您想要的任何内容(srcsetAttributeName
)的可能性选项。
答案 1 :(得分:0)
有一种叫做dom_munger的咕噜咕噜声。使用dom_munger,您可以更改HTML属性并执行许多有趣的操作;但是我找不到将属性名称更改为其他内容的方法。你可以更好地检查一下。