25 октября 2009, 6:52

CSS image preload

Продолжая тему под-загрузки картинок, мы используем 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>

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter