0

目前使用在网上找到的以下代码:

(使用 jq 而不是 $ 符号)

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.lazyload.mini.js"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
jq(function() {
    jq("img").lazyload({
         placeholder : "template/eis_d25_022/common/grey.gif",
         effect      : "fadeIn"
    });
});</script>

上面的代码只是在我的论坛中自动“延迟加载”所有内容,而无需更改图像类或图像 src 等。但是某些具有特定类的图像有时无法加载,有时它可以工作:

<img src="straightlogo/what.png" class="vm" alt=" " original="straightlogo/what.png">

如何避免延迟加载对 vm 类的图像的影响?或者如何使这个 vm 类工作?

4

1 回答 1

0

您可以使用.not()选择器排除元素。

jq("img").not(".vm").lazyload({ ... });

但是,如果您只指定要延迟加载的图像类别,则会更容易。例如,您可以使用 class lazy。另请注意,使用当前版本的插件,您可以在属性中定义占位符,在src属性中定义真实图像data-original。例如:

<img class="lazy" data-original=“img/example.jpg” src=“img/grey.gif” width=“640” height=“480”&gt;

然后你可以做类似的事情:

jq("img.lazy").lazyload({ ... });
于 2013-03-13T19:37:30.393 回答