5

How can I use jQuery to trigger a callback of a JavaScript function when I scroll down and see a picture? I wish to delay loading certain images until they actually appear on-screen... Ideally, I'd be able to do something like:

$('#img#').look_on() { ...

So no images are loaded apart from those I have seen.

Shog9
  • 156,901
  • 35
  • 231
  • 235
e382df99a7950919789725ceeec126
  • 5,751
  • 4
  • 31
  • 56

2 Answers2

8

I think this JQuery Event Plugin does what you need:

Element 'in view' Event Plugin

I've created an event that will trigger when the element is scrolled in to the viewport.

also, the LazyLoad Plugin seems to have a "viewport" selector for JQuqery: Here.

Pekka
  • 442,112
  • 142
  • 972
  • 1,088
1

Here is some kind like what i searched for... http://www.appelsiini.net/projects/lazyload

e382df99a7950919789725ceeec126
  • 5,751
  • 4
  • 31
  • 56