0

我有一个延迟加载插件，它似乎针对我页面上的所有图像。所以当我向下滚动时，图像才会显示出来。

我的问题是我的图像在点击时会发生变化。更具体地说，当单击“投票”图像时，它会被完全相同位置（并且大小相同）的不同“投票”图像替换。

当显示新的“投票”图像时，即使它出现在同一个位置，它最初也不会显示。它只会在您滚动页面（任何方向）时出现。

我想知道是否有办法避免这种情况？我希望无需滚动即可立即显示图像。我想向“投票”按钮添加一个类或 id，以确保延迟加载插件忽略它。

  • 我对延迟加载插件知之甚少，因为我不确定它实际上是如何工作的，因为它包含在我正在使用的模板中。虽然我怀疑它针对 img 标签。
4

3 回答 3

1

你可以使用CSS sprites来解决这个问题，而不是摆弄延迟加载。

CSS sprites 的基本思想是显示同一图像的不同部分，而不是显示多个不同的图像。

于 2012-12-01T17:54:05.570 回答
0

我解决了我在这里遇到的问题。

解决方案在这里：

$('img.lazy:not(.notlazy)')

如图：这里

于 2012-12-02T12:42:15.690 回答
0

根据文档，给延迟加载的图像一个特定的类是个好主意。这样您就可以轻松控制绑定到哪个图像插件。例如：

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" height="480">

然后在你的代码中做：

$("img.lazy").lazyload();

由于 Lazy Load 是 jQuery 插件，你可以使用任何你想要的 jQuery 选择器。

于 2013-01-27T11:40:48.067 回答