Question

我的图像需要绝对定位，以便图像的中心位于其父div的中心。我已经有了执行此操作的代码。

我最近添加了Lazy Load插件，它按预期工作。但是我需要一种方法来触发我的图片居中代码延迟加载并在图像中淡入。

我目前的代码基本上是这样的：

jQuery(document).ready( function($) {

// Make all lazy images ready to load themselves and listen for a custom event
$("img.lazy").lazyload({ event:"delayed-lazy-load-event", effect : "fadeIn"});

});


// Wait for the iframes and other important junk to finish loading
jQuery( window ).load( function($){

// trigger lazy loading of thumbnails.
$("img.lazy").trigger("delayed-lazy-load-event")
}

我找不到任何关于Lazy Load的任何功能的信息，它允许我设置一个回调函数在运行fadeIn效果后运行。

Answer 1

发现这个有效：

$('img.lazy').on('appear',function(){
  console.log(this)//fires this function when it appears
});

Answer 2

Entrabiter 的答案实际上是在图像出现在屏幕上而不是在加载后触发功能。要在图像加载（即淡入）后运行一些代码，您需要'load'参数：

displayUserInfoInJTable()

如何在延迟加载图像后触发事件？

2 个答案: