Cached Images loaded again in Lazyload

[cryoffalcon]

Hi,
well I am using lazyload here http://bloghutsbeta.blogspot.com/201...ting-2_04.html
the lazyload is used as a combination with the quicksand jquery. And as quicksand requires a callback so a callback function for lazyload is also added to the quicksand (as if you click buttons like Bicycle, Motorcycle etc, then quicksand requires callback function) here is the callback function:

$("img").lazyload({
    		effect : "fadeIn"
    	});
    });

Now my problem is that even when all of the images are cached you click e-g on cricket button then it again loads the images, its kind of annoying for users as they load the images and when they click on buttons it loads images again and again as you click on buttons. So, I was thinking what could be solution to it?

*Please don't tell me to use other jquery instead of lazyload or quicksand as that is not an option for me*

[chrishirst]

Actually I'd tell you not to use any of them.

[cryoffalcon]

Originally Posted by chrishirst

Actually I'd tell you not to use any of them.

Okay I would listen to your advice, can you atleast tell me why?

[chrishirst]

Because the image loading has been handled in the browser context by javascript, the browser image handler may not "know" about them in the cache.

Instantiated javascript objects are (or should be) destroyed after use to prevent the "heap" from using memory that has been released and dragging down the browser, once they are destroyed, anything that was referenced by the object is also lost, so the images and their "local" location is lost to the browser context.