如何使用 jquery lazy with src?

How to use jquery lazy with src?

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

中使用data-src属性

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

我可以在所有图像中添加带有 jquery 的数据源吗?

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

一般情况下,您可以更改插件使用的属性来延迟加载图片。配置参数简单命名为 attribute。默认名称是 data-src,但您可以在初始化时更改它们,例如:

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

但是对于您关于使用 src 的问题:不可能

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

您必须想办法更改图像标签。由于您似乎将整个 html 写入数据库,因此以后很难更改。这就是为什么你不应该将纯 html 写入数据库并使用标记之类的东西来代替。

一个简单的想法是,在将图像标签传送到浏览器之前替换 html 图像标签。您需要检查这对您来说是否足够快。但至少这是一个想法。

祝你好运。