How to load images after i scroll to that section of page?

I want to load the images an give them a wow-effect after I'd scrolled down to that section of the page. Try this site. And scroll down, you'll see that the images are loaded after the page has been scrolled to that section. I'm sure that's not lazy-loading in jQuery. How can I do it ?

I tried searching on Google, but couldn't get the exact/related name to be tried/searched for.

How can I achieve the same?

Thanks

Answers


It's called Lazy Loading.

Here's a tutorial:

http://css-tricks.com/snippets/javascript/lazy-loading-images/

Here's a jQuery plugin:

http://luis-almeida.github.io/unveil/


jQuery supports an onscroll event. Check this link. You may right code to load these images on scroll. The page also has a working demo of the event


Need Your Help

web audio, createMediaElementSource variable sources

javascript html5 audio web-audio

lets say i wan't to have an app that has variable audio sources as audio tags like so:

How can I append a JTextArea from a method that doesn't contain the JTextArea?

java swing oop awt jtextarea

I'm making some test code to practice OOP, and I want to append a JTextArea from the "writeToArea" to the "initialize" method where the JTextArea is defined and initialized. I already tried to dire...