Deferring loading of images on thumbnail blocks

A.J. Angel · 2009-12-26, 11:06 PM

I am using javascript to hide/show DIV blocks. Now, as you can also see, all the images from both DIV blocks are downloaded even if the second is hidden.

This is the page: http://www.exquisiteangelz.com/galleries/picture/

What I wish to do is defer the loading of the hidden block and make it load the images only when the visitor clicks to display the block in question.

Does someone happen to know if it is possible to defer the loading of images so that they are loaded only when the visitor clicks to view the thumbnail block in question? And if yes, would you be kind enough to provide the code to implement it? I'd appreciate any help.

2009-12-26, 11:06 PM	#1
A.J. Angel And Lord, we are especially thankful for nuclear power, the cleanest, safest energy source there is. Except for solar, which is just a pipe dream Join Date: Sep 2008 Posts: 229	Deferring loading of images on thumbnail blocks I am using javascript to hide/show DIV blocks. Now, as you can also see, all the images from both DIV blocks are downloaded even if the second is hidden. This is the page: http://www.exquisiteangelz.com/galleries/picture/ What I wish to do is defer the loading of the hidden block and make it load the images only when the visitor clicks to display the block in question. Does someone happen to know if it is possible to defer the loading of images so that they are loaded only when the visitor clicks to view the thumbnail block in question? And if yes, would you be kind enough to provide the code to implement it? I'd appreciate any help.