Question

我必须使用一些带有JQuery的画廊（我正在使用Galleria）。问题是结构如下：

<div id="galleria">
   <img src="(...).jpg" />
   <img src="(...).jpg" />
   <img src="(...).jpg" />
   <!-- ... -->
</div>

该插件会从该列表中获取所有照片并使用它们。问题：我有很多高质量的照片。并且在插件可以使用它们之前预先加载它们。有没有办法动态加载图像？（也许，一些新的插件插件）。

Answer 1

这就是jQuery LazyLoad plugin派上用场的地方：）

Lazy loader是一个jQuery插件   在JavaScript中。它延迟了装载   （长）网页中的图像。图片   在视口之外（可见部分）   网页）不会在用户之前加载   滚动到他们。这与之相反   图像预加载。

在长网页上使用延迟加载   包含许多大图像使得   页面加载更快。浏览器将在   装载后可见状态可见   图片。在某些情况下，它也可以提供帮助   减少服务器负载。

Demo Page

Html没有预加载

1 个答案: