使图像进入浏览器的可见区域时加载图像？

小编典典

ajax

我正在网上浏览，看到了以前从未见过的东西。在此网站上：http :
//blogof.francescomugnai.com/2009/04/mega-roundup-of-geektool-scripts-
inspiration-gallery/

当您向下浏览页面时，仅当图像位于浏览器的可见部分时才加载图像。我以前从未见过这种情况，想知道是否还有其他人，以及究竟该怎么做。

我猜这是某种Wordpress插件（这是他使用的插件），但我不确定。是javascript吗？它们实际上是在页面加载时加载，只是稍后才变得“时髦”效果时才可见，或者这实际上对于加快页面加载时间有用吗？

阅读 252

2020-07-26

共1个答案

小编典典

根据该网站，LazyLoad不再可用。显然，该代码不再适用于新的浏览器，并且作者没有时间对其进行更新。

“出现”插件对我来说效果很好。

它允许您为元素指定回调函数。当元素出现在视图中时，将调用回调函数。从站点：

$('#foo').appear(function() {
  $(this).text('Hello world');
});

2020-07-26