当图像实际出现在屏幕上时,如何让jQuery调用事件处理程序?

mrz*_*myr 5 html javascript jquery events dom

当我向下滚动并查看图片时,如何使用jQuery触发JavaScript函数的回调?我希望延迟加载某些图像,直到它们真正出现在屏幕上...理想情况下,我可以做类似的事情:

$('#img#').look_on() { ...
Run Code Online (Sandbox Code Playgroud)

因此,除了我看到的图像之外,没有任何图像被加载.

Pek*_*ica 8

我认为这个JQuery Event Plugin可以满足您的需求:

元素'在视图中'事件插件

我创建了一个事件,当元素滚动到视口时将触发该事件.

另外,LazyLoad插件似乎有一个Jquqery的"视口"选择器:这里.