Don't load the image until the user scrolls there, maybe?

Question

If I don't want the image to be loaded from the server until the user scrolls through it, what event should I capture?

But as?

+3

javascript jquery

daisy 29 Mar 12 at 2:42

source to share

1 answer

Carlos quijano · Accepted Answer · 2012-03-29T02:44:21+0000

I have used this plugin (Lazy Load) in a project and it works really well.

And here's how, the trick is to put an empty placeholder image and add data data from the real image path.

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg"  width="640" heigh="480">

then in your code do:

$("img.lazy").lazyload();