1 заметка с тегом
preload РСС
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>
