preloading - Loading script before all images have been preloaded -

I am creating a gallery of images with thumbnail string below. I would like to pre-load these images so that when the user clicks on the thumbnail, the image will appear immediately. Although there are quite a few photos, so long as not being able to click on all the thumbnails, I do not want to wait until all images are loaded. While allowing the user to click on the thumbnail and display that picture, how do I allow images to be loaded in the background?

Here is the page for reference:

If you use jQuery for example You can do something like "," IMG.thumbnail ", function (event) {...});

/ Pre>

This will enable handler for now or future with any selector.