Jquery lazyload插件和回调函数

我从这个网站http://www.appelsiini.net/projects/lazyload下载jquery lazyload插件。

从他们的文档我没有发现可以使用任何回调或不使用lazyload插件。

假设我的HTML看起来像

我的剧本就像

 $("#gallery img").lazyload(); 

class busy只会在div的中心设置一个忙碌的图像。 所以我需要回调和回调我需要检测图像下载完成与否如果完成然后我只是从图像标签的相应父div删除该类。

所以请告诉我使用lazyload实现回调的方法，还需要示例代码，通过该代码我可以从图像标记的相应父div中删除该类。

谢谢

Answer 1

我有同样的问题。 做了一些搜索，来到这里，找到了答案。 这是我有的，对我有用：

 $(this).lazyload({ effect : 'fadeIn', load : function() { console.log($(this)); // Callback here } }); 

希望这可以帮助！

Answer 2

Rick de Graaf的回答几乎为我做了。

对我来说问题是： 也会为占位符图像调用Load 。 在我的情况下，这是一个问题。 我想只为最终加载的图像添加一个类。 我添加了这个以使它适合我：

 jQuery("img.lazy").lazyload({ effect : 'fadeIn', load : function() { if ( jQuery(this).attr("src") != "data:image/gif;base64,R0lGODlhZABlAIAAAPn5+QAAACH5BAAAAAAALAAAAABkAGUAAAJ0hI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBnZVQAAOw==") { jQuery(this).addClass("visible-image"); } } }); 

如果加载的图像是data：image，则不要执行任何操作，否则添加我的类。