如何在src中使用jquery lazy？

Question

我想在文章内容中使用jQuery.Lazy();，但这需要<img>

中的 data-src 属性

我在数据库中有170.000篇文章并且都使用了src，请给我一个使用jQuery.Lazy();的解决方案，不用 img data-src ，只使用 img src ！

我可以在所有图像中添加带有jquery的data-src吗？

Answer 1

jQuery.Lazy是我的插件。对你的问题说几句话：

通常，您可以将插件使用的属性更改为延迟加载图像。 config参数名为attribute。默认名称为data-src，但您可以在初始化时更改它们，例如：

$('img').Lazy({
    attribute: 'data-image'
});

但是关于使用src的问题：不可能！

每个浏览器都会查找<img />标记及其src属性。如果找到它们，它们将立即加载图像。没有办法打破这个并在以后加载它们。这就是为什么所有延迟加载插件在图像标签上使用不同的属性。您无法阻止浏览器立即加载图像。

您必须找到更改图片代码的方法。由于您似乎将整个html写入数据库，因此以后很难进行更改。这就是为什么你不应该将纯HTML写入数据库并使用诸如标记之类的东西。

一个简单的想法是，在将它传递给浏览器之前替换html图像标记。您需要检查这是否足够快。但至少这是一个想法。

祝你好运。