问题标签 [jquery-lazyload]

我在我的一个页面上使用 jquerylazyload，它似乎不适用于窗口滚动，而只能用于调整窗口大小。

图像不会出现在滚动条上，但如果我调整窗口大小，图像就会出现。

我注意到如果我删除这个 CSS 规则；

它有效，但我真的需要这个来做其他事情。

另一个问题，这个脚本是跨浏览器的吗？我一直在寻找浏览器兼容性，但我找不到任何东西。

我目前在图像繁重的网页上使用延迟加载，并且我不希望在单击按钮之前加载图像。延迟加载允许您拥有这样的事件触发器，但我只能使其部分工作。

首屏下方的图像会等待点击出现，但首屏上方的任何内容都会在页面最初打开时加载。这是无法避免的事情，还是我做错了什么？

下面是我正在使用的代码。

我正在使用延迟加载在网络上显示我的图像。来源如下

http://www.appelsiini.net/projects/lazyload

该页面包括图像缩略图，大小约为 300 x 100。所以我指定了指定的宽度和高度。所以对于缩略图它工作正常。

我需要将一个加载 gif 显示为占位符，以便在加载此加载 gif 之前将显示在缩略图位置。为此，我更改了 js 文件中的占位符选项。

但是没有为占位符指定大小的选项，因此 gif 拉伸到原始图像的大小。我也没有任何选项可以动态更改具有特定大小的 css 类。

在加载默认过滤器时，插件运行良好。问题是当更换到另一个过滤器（使用同位素）时，因为元素显示良好，但在滚动时，元素正在重新加载，导致其中任何一个出现闪烁。

我的js代码是：

滚动屏幕截图。有时会重新加载（闪烁）2,3,4,.. 元素

欢迎任何解决方案

一个类似的例子在这里：http: //jsfiddle.net/ZnEhn/255/

单击任何其他过滤器并滚动。结果是：显示了从“全部”加载的一些元素，并且现在加载了新元素，因此随机闪烁

我正在使用 jquery.lazyload 来加载我的图像。根据样本，一切正常。

现在，当原始图像不是加载器或错误时，我需要将占位符图像更改为我的“no-image.jpg”。

我得到了与此相关的以下线程。 无法让 LazyLoad 和 onerror 在图像上一起工作

根据线程，我更新了延迟加载 js 文件并包含错误图像的脚本。请检查我的html如下；

这里我故意放了文件夹中不存在的error.jpg。我的lazyload js是；

这里我只给出了js文件的一部分。

但是当页面看到时，显示相同的占位符图像（空）而不是我的'no-image.jpg'

I currently call a function when lazyload has rendered an image. This works fine. The problem I have is that i need to access $(this) within the function. Is there a way of parsing this data to the function?

Fiddle http://jsfiddle.net/DTcHh/19852/

我正在使用这个延迟加载代码。

JS代码：

我的问题出在 iPhone 上，当我水平滚动时，如果图像进入了它没有加载的视口，我必须前后滚动直到它工作。有什么想法可以解决吗？

我正在尝试同时运行 Fancybox 和 Lazyload，但 Lazyload 需要 img 标签上的“data-src”而不是“src”。当我将“src”更改为“data-src”时，Fancybox 不再起作用。有人能帮我吗 ？

我有一个小而烦人的问题。我正在为 JQuery 使用 Lazyload 插件（Mika Tuupola -这里），我遇到了一个问题，即在 div 背景图像属性上使用淡入淡出效果会导致内部内容在图像最终加载时闪烁。它本质上是在图像加载时重新加载内容。我该如何避免这种情况？

我的 html 提取：

我对 Lazyload 的 JS 使用是针对容器元素的，因为我将上面的结构重复了几次（加载相同的图像）：

在大多数情况下，它运作良好，但闪烁有点偏离。希望这是足够的细节，我会看看我是否可以得到一个样本小提琴（你可能不得不忍受我......）

实际上，当我将鼠标悬停在第一张图像上时，我想做的事情必须再次出现我想与您分享我的结构

我想和你分享演示链接，看看如何工作

顺便说一句，如果您在检查元素上看不到，请data-src尝试检查源代码（用于 chrome 的 ctrl+U）