如何使用 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 图像标签。您需要检查这对您来说是否足够快。但至少这是一个想法。
祝你好运。
我想在文章内容中使用jQuery.Lazy();,但这需要在<img>
我在数据库中有 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 图像标签。您需要检查这对您来说是否足够快。但至少这是一个想法。
祝你好运。