如何避免LazyLoad對特定類的影響？

Question

目前使用的網絡上找到下面的代碼：

（使用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> 

上面的代碼只是自動「Lazyload」一切都在我的論壇，而不改變圖像類或圖像SRC等但是具體類的一些圖像不加載有時，有時它的工作原理：

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

如何避免在虛擬機級的圖像效果Lazyload？或如何使這個虛擬機類的作品？

Answer 1

您可以使用.not()選擇器排除元素。

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

但是，如果您只是指定想要延遲加載的圖像類，那將更容易。例如，您可以使用類lazy。另請注意，使用當前版本的插件，您可以在src屬性中定義佔位符，並在data-original屬性中定義實際圖像。例如：

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

然後，你可以這樣做：

jq("img.lazy").lazyload({ ... });