2013-05-12 116 views
1

我有一长串<div> s,其中包含<img /> s,我不希望加载所有图像时页面变慢。延迟加载? /只在视口中可见时加载图像

因此,现在,我已将网址映射到data-src属性中的所有图像,并且src属性为空。

当div或img在javascript/jquery的视口中可见时,如何加载图像,将data-src的内容移动到src

通过在视口中可见,我的意思是当用户滚动到这些图像。

所有图像都在div中,它们位于垂直列表中。

回答

2

可以在jQuery.I使用延迟加载插件,认为它是最适合ü

延迟加载是一个jQuery插件用JavaScript编写的。它延迟了在长网页中加载图像的 。

SEE HERE

+0

正是我一直在寻找,谢谢。 – IMUXIxD 2013-05-12 12:14:26

+0

不客气 – PSR 2013-05-12 13:57:20