问题标签 [jquery-lazyload]

我有一个生成图像的 ashx 文件处理程序。

这一切都很好。

现在，我想使用延迟加载。使用这个jquery 延迟加载插件

所以我像这样调整了我的html图像：

并添加了以下脚本：

我注意到在谷歌浏览器开发工具的网络选项卡中，对该文件处理程序进行了两次调用。

我在这里创建了一个测试小提琴：链接 如果你在这个小提琴上向下滚动，当图像加载到谷歌浏览器中时，你会看到两个图像请求。在 Firefox 和 IE 中，这仅适用于一次调用。

有什么办法可以避免这种行为？

更新：

在文件处理程序中设置了以下标头：

Response 对象的 Expires 属性为：

我正在编写一个处理大图像的 Web 应用程序。为了使页面的加载有点响应，我使用了 Lazy Load Jquery 插件。（http://www.appelsiini.net/projects/lazyload）。

但似乎我需要的是显示图像加载的进度，因为图像加载时间超过 20 秒。

我将如何为 img 标签的进度添加事件侦听器？我想以百分比显示进度。

目前，我正在使用带有无限滚动的延迟加载。当用户滚动到我的页面底部时，我会加载新的“惰性”图像，但在移动鼠标之前，惰性加载不会触发图像下载。有没有办法强制延迟加载下载图像而不是等待鼠标交互来设置视口？

http://cl.ly/image/1s2E2t1b1t3b

我正在使用这段代码：

试图让 jquery.lazyload 用于打印和打印媒体查询。它几乎可以在 Chromium 中使用。但是，它只会显示在“屏幕”上而不是“打印”输出中。不确定这是由于延迟加载的异步性质还是我的误用。

这是我到目前为止所得到的：

我是.trigger('appear')在挖掘源代码后才发现的。它可以在 chromium 的开发工具或 firebug 中运行。但是，在这种情况下运行时，行为似乎有所不同，我不知道为什么。

对于如何使它适用于打印机媒体的任何猜测，我将不胜感激。

用于 ajax 获取的正常同位素使用是有效的。见工作jsfiddle。

通过 ajax 获取延迟加载的同位素不起作用。看到问题jsfiddle。

问题： lazyload 没有触发并一直显示灰色图像。

用于延迟加载设置的 javaScript：

我有延迟加载在我的网站上工作。但是，如果有人想打印网页，那么 id 也喜欢打印出来的图像，而不是加载微调器。

这是我的图像的样子

所以使用@media print { } Id 想使 src 与原始数据相同。

试过这个，但没有运气。（在样式表中做了，看看它是否有效）

这是我想到的地方：http: //andydavies.me/blog/2012/08/13/what-if-we-could-use-css-to-manipulate-html-attributes/

如果有帮助，这是一个 jsfiddle：http: //jsfiddle.net/gXpzb/

lazyload 和 jquery mobile 之间的冲突破坏了使用$.mobile.changePage和$.mobile.navigate在 phonegap iOS 构建中的预期结果。

虽然它适用于桌面浏览器，但不适用于 iOS 版本（例如那些 phonegap 提供的）。

问题是由这部分代码引起的：

堆栈跟踪中的问题event.originalEvent是undefined.

我有一个数据表，其中一列中有图像。

行数达到 900+，考虑到它使用的资源和加载页面所需的时间，我想避免浏览器尝试加载 900+ 图像。

那就是延迟加载插件似乎可以作为救援的地方！
http://www.appelsiini.net/projects/lazyload

第一页加载正常，但图像在以下情况下不加载：

1. 用户点击“下一步”按钮查看下一页
2. 显示用户过滤器和特定行

我看到延迟加载插件上有一个“事件触发器加载”部分，但我不确定如何使用它。

如果有人能指出我正确的方向，那就太好了。

注意：通过数据表，我的意思是http://www.datatables.net

编辑：8/27 - 忘了这个问题。但我最终实现了我自己的自定义解决方案:)

我正在使用 jquery 延迟加载插件。页面加载时插件不起作用。只有当我点击我网站的主页选项卡时才有效。这些是我的源代码片段。

任何人都知道可能是什么问题以及可能的解决方法？

我知道如果没有我的很多源代码很难给出答案，但我想知道之前是否有人遇到过这个问题。这是我的延迟加载代码。

当我运行我的网站并上下滚动并且延迟加载完美运行时，它运行良好。

问题发生了让我们说当我最初启动网站并且即使我向下滚动时也会加载前几张图像，但是如果我说打开我的导航菜单，当我向上和向下滚动时我的延迟加载停止工作，即它不加载其余未加载的图像。

我尝试使用 $('img.lazy').lazyload(); 在 document.ready 内部并移出 displaylogo 功能，但它根本不起作用，即当页面加载时，延迟加载根本不起作用。

任何帮助将不胜感激。