在用户滚动到那里之前不要加载图像吗？

时间：2021-01-06 21:12:10

If I don't want the image to be downloaded from server , until user scroll to there , which event should I capture ?

如果我不想从服务器下载图像，直到用户滚动到那里，我应该捕获哪个事件？

And how ?

如何 ？

1 个解决方案

#1

2  

I used this plugin (Lazy Load) in a project and it works pretty fine.

我在一个项目中使用了这个插件（Lazy Load），它工作得非常好。

And here's how, the trick is to put a blank placeholder image, and add a data information with the real image path

这就是如何，诀窍是放置一个空白的占位符图像，并添加一个真实图像路径的数据信息

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg"  width="640" heigh="480">

then in your code do:

然后在你的代码中做：

$("img.lazy").lazyload();

#1

2  

I used this plugin (Lazy Load) in a project and it works pretty fine.

我在一个项目中使用了这个插件（Lazy Load），它工作得非常好。

And here's how, the trick is to put a blank placeholder image, and add a data information with the real image path

这就是如何，诀窍是放置一个空白的占位符图像，并添加一个真实图像路径的数据信息

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg"  width="640" heigh="480">

then in your code do:

然后在你的代码中做：

$("img.lazy").lazyload();
标签：

相关文章