Продолжая тему под-загрузки картинок, мы используем CSS. Суть метода простая:

• мы делаем небольшой блок с абсолютным позиционированием и минусовыми координатами, или с отрицательным маргинами, небольшими размерами и обрезкой контента, а в нём грузим столько картинок сколько нужно, используя всего лишь background-image, а лучше background со свойством no-repeat

.loader{
   background:url(images/img1.gif) no-repeat;
   background:url(images/img2.png) no-repeat;
   background:url(images/img3.jpg) no-repeat;
   background:url(images/img4.bmp) no-repeat;
   /* margin-left:-1000px; */
   position: absolute;
   overflow: hidden;
   width: 10px; height: 10px;
   top: -20px;
}

Размещение блока с класом loader не принципиально <div class=«loader»></div>