Preload images

Preload images for use it with javascript or on a css rollover. Create one css style that uses this required images on a background and hiden them by a negative background position. This images will load on initial view of the page and stay ready on cache for future use.

Create one style and put the images

.preload-images {
	background : url('images/img1.jpg') no-repeat -9999px -9999px,
	url('images/img2.jpg') no-repeat -9999px -9999px,
	url('images/img3.png') no-repeat -9999px -9999px,
	url('images/img4.png') no-repeat -9999px -9999px;

Assign the style to one html tag

<body class="preload-images">