问题标签 [jquery-lazyload]

我在一个网站上使用了 zurb 的基础，该网站有很多分布在一些标签上的图像。加载非常重，所以我使用 jQuery Lazyload 来解决这个问题。它工作得很好，除了它只在第一个选项卡上加载图像，这是默认情况下处于活动状态的选项卡。其他选项卡中的图像仅在滚动时加载。即使你只做一点点。

那么在标签之间导航时如何重新激活 Lazyload 呢？

I have a grid of products set up with the isotope plugin, the products are paginated and loaded in on the scroll with the infinite scroll plugin. This works fine, but as there are so many products we've also added a number of filters, again this filters work great but when combined with the infinite scroll I run into some problems, as when I initiate the filter, if the results aren't on the first page, you then have to wait for all the pages to load before any results are shown. So my question is, is there a more sophisticated way of combining both the isotope filtering and infinite scroll?

我正在尝试使用延迟加载效果的淡入淡出。尽管我已按照所有说明进行操作，但图像仍然没有出现！有人可以提供更多帮助吗？代码：

我使用 jQuery 版本的blueimp gallery。我在幻灯片页面上使用延迟加载来在用户滚动时加载缩略图。由于在初始页面加载时未加载所有缩略图，并且折叠下方的缩略图不会显示在 blueimp 画廊的缩略图指示器中，因此我在链接标签上设置了 data-thumbnail 属性，如下所示：

但是，它似乎仍然尝试从图像标签的 src 属性加载缩略图，这是延迟加载设置的占位符图像。

我做对了吗？

switchSlideEvent每次从没有文档的 jQuery Carousel 插件调用 switchSlide() 方法时，我都会触发一个自定义事件。

我正在使用 Lazy Load XT ( https://github.com/ressio/lazy-load-xt ) 来延迟加载图像，但是，该插件仅在以下事件上加载图像load orientationchange resize scroll。

Lazy Load XT 的初始化如下：

我尝试了以下解决方案，但没有任何成功：

1. 传递switchSlideEvent给 Lazy Load XTupdateEvent选项（见上图）
2. 像这样手动重新初始化 Lazy Load XT .on('switchSlideEvent')：

我收到了 console.log 事件，但在滚动页面之前，“滑入”视图的轮播图像不会加载。

问题

如何在switchSlideEvent触发时强制 Lazy Load XT 加载新图像？

任何帮助是极大的赞赏。

谢谢！

我正在使用 JquerylazyLoadXT 加载特定 DIV 的背景图像。我正在尝试使用不同的 SRC 属性，因此它应该为移动设备加载较小的图像。

这是标记：

Lazyload 正在工作，但仍会加载默认图像（data-bg）。“srcAttr”和背景图像插件之间是否存在冲突？有解决方法吗？

我想在bxslider中延迟加载图像（或任何类似控件的滑块，它允许动态数量的幻灯片/图像）。我正在使用延迟加载来延迟加载图像，但滑块中的图像不会延迟加载。所有图像都与页面一起加载：|。这是我的代码，

我究竟做错了什么？

ps我愿意使用任何其他滑块控件，如果它支持延迟加载。

我在我的一个页面上使用 jquerylazyload。

以下是问题场景：

1）在窗口加载时工作视口中存在的所有图像，完美加载图像。

2）一旦用户滚动带有惰性类的新图像进入视口，但不会按照其默认行为加载。

3) 如果您在视口中使用图像 A、B、C 和 D、E、F 不在视口中运行延迟加载命令：

A,B,C 加载，但 D,E,F 不加载。

4) 现在将 D,E,F 带入视口，不加载图像。但是，如果您调整浏览器窗口的大小，它会在视口中加载当前图像。

所以lazyload模块正在工作，但它无法在滚动的视口中检测到未加载的图像，这是所需的行为。我认为这与我页面的 dom 结构有关。

有人可以根据上述用例提出建议吗，因为你们中的一些人可能遇到过类似的问题。

我已经使用 jQuery 延迟加载http://jquery.eisbehr.de/lazy .. 在我的网站http://www.xaluan.com 但我认为每次转到其他页面然后返回时它并不完美然后前进。

该脚本将重新加载所有图像，我在 Chrome 和 Firefox 的检查元素中检查了网络。我可以看到它再次调用服务器，这不是我想要的。

当点击后退，前进按钮时，任何人都有缓存这个的解决方案，我正在考虑 api 历史浏览器。但不知道如何在任何页面上使用后退和前进按钮。

插入

我正在使用一个名为lazyload的 jQuery 插件。

这样做是lazy加载图像——这意味着它不会在浏览器中呈现它们，直到图像在视口范围内。

例如，当您有一个包含许多图像的页面并且您不希望它永远花费初始加载时，这很有用。

火狐

好的，所以我也在使用Firefox版本23.0.1

问题

该插件很棒，但是在某些图像之后向下滚动时，我开始收到图像未加载的错误（只有一个用于损坏图像链接的通用占位符）并在控制台中记录：

Image corrupt or truncated: [image url]

不是图像有问题。它们都单独渲染得很好。

它不在特定图像上，因为它是随机的。如果我再次加载页面，corrupt可能现在加载的图像，其他图像返回断开的链接并登录corrupt控制台。

我四处搜索，似乎同时获取<img>src 标记存在一些问题。

可能应该在 fetch 上设置一个延迟，但是您不能总是知道延迟应该多长时间。如果一个图像大于另一个图像，它仍然可能发生冲突（具有静态延迟时间，而不是complete回调）。

因此，我想请求：

a）如果有人知道解决方案（例如在发生错误时捕获并重新触发加载图像功能）
b）如果有人可以$.extend()向上面的库（lazyload）提出一个将创建回调函数并等到所有活动提取都complete在加载下一个之前（如果这是问题 - 我不确定是否是） 我不是 jQuery 忍者，所以我对代码有点迷失。我可以弄清楚，但它可能会很脏......
c）如果这不是问题，那么我将不胜感激我如何解决这个问题