jQuery-使某个图像类不受延迟加载的影响

Question

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

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

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

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

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

Answer 1

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

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