Jquery lazyload插件和回调函数

Jquery lazyload插件和回调函数,jquery,Jquery,我从这个网站下载了jquery lazyload插件 从他们的文档中,我没有发现一个人可以使用任何回调,或者不使用lazyload插件 假设我的html看起来像 <div id="gallery" class="busy"><img src="blah.jpg" /></div> <div id="gallery" class="busy"><img src="blah2.jpg" /></div> <div id="

我从这个网站下载了jquery lazyload插件

从他们的文档中,我没有发现一个人可以使用任何回调,或者不使用lazyload插件

假设我的html看起来像

<div id="gallery" class="busy"><img src="blah.jpg" /></div>
<div id="gallery" class="busy"><img src="blah2.jpg" /></div>
<div id="gallery" class="busy"><img src="blah3.jpg" /></div>
类busy将只在div的中心设置一个busy映像。因此我需要一个回调,从回调中我需要检测映像下载是否完成,如果完成,那么我只需从映像标记的相应父div中删除该类

因此,请告诉我如何使用lazyload实现回调,还需要一些示例代码,通过这些代码,我可以从image标记的相应父div中删除该类


谢谢,我也有同样的问题。进行了一些搜索,来到这里,找到了答案。这是我拥有的,为我工作:

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

希望这有帮助

瑞克·德格拉夫的回答几乎帮了我的忙

我遇到的问题是:也会为占位符图像调用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");                 
                }
            }
        });

如果加载的图像是数据:image,不要做任何事情,否则添加我的类。

ur html标记错误,不同分区的ID必须唯一。我问了不同的问题,是否有回调函数,每次下载完成每个图像时都会触发?太好了!工作顺利。
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");                 
                }
            }
        });