can you use jquery lazyload on all images (not just ones out of view)

Question

i have a webpage with a lot of images (photo album). I am using lazyloading jquery plugin which is great to only load the images out of browser view when i scroll down.

The one issue i have is that i want the loading icon to show up first on images loading IN the current view as well as some of them are big images and they show up with that bad browser "image not loaded yet" icon until they download. I don't see any property on this plugin to support this for both in view and for scrolling.

does anyone know if this is possible?

Answer 1

I have been playing with the plugin in my own webpage. In plugin description there is also the timeout function that is actually the behaviour you want.

Check the demo page at http://www.appelsiini.net/projects/lazyload/enabled_timeout.html

If you need further help, please comment.