Комментарии: Предварительная загрузка изображений с помощью CSS http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/ Заметки по CSS, HTML Sat, 04 Feb 2012 02:50:57 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Автор: HayPro http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2586 HayPro Sat, 08 May 2010 09:37:52 +0000 http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2586 clip работает только для абсолютно позиционированных элементов. clip работает только для абсолютно позиционированных элементов.

]]> Автор: HayPro http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2585 HayPro Sat, 08 May 2010 09:29:59 +0000 http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2585 И ещё кое-что: Опера подгружает только последний указанный в CSS рисунок, игнорируя остальные верхние. Так что лучше для каждого рисунка сделать свой div. И ещё кое-что: Опера подгружает только последний указанный в CSS рисунок, игнорируя остальные верхние. Так что лучше для каждого рисунка сделать свой div.

]]> Автор: HayPro http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2584 HayPro Sat, 08 May 2010 09:23:56 +0000 http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2584 А зачем, собственно, марджинить этот слой на 1000 пикселей вправо? Разве нет мониторов с разрешением 1600х1200? Не совсем грамотно. А вот что я сделал: <code>.preload { height: 10px; width: 10px; background: url('fon_focus.png'); position: absolute; top: -500px; background: url('hover.png'); } </code> Разве не лучше его изгнать вверх на 500пикселей и задать фикс размеры 10х10 с абсолютным позиционированием? А зачем, собственно, марджинить этот слой на 1000 пикселей вправо? Разве нет мониторов с разрешением 1600х1200? Не совсем грамотно. А вот что я сделал:
.preload {
height: 10px; width: 10px; background: url('fon_focus.png'); position: absolute; top: -500px;
background: url('hover.png');
}

Разве не лучше его изгнать вверх на 500пикселей и задать фикс размеры 10х10 с абсолютным позиционированием?

]]> Автор: Эдуард http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2581 Эдуард Wed, 05 May 2010 03:13:00 +0000 http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2581 Изменение координат фонового изображения - это конечно хорошо, но если это фоновое изображение <strong>полупрозрачный png</strong> способ с преподгрузкой спасает! Изменение координат фонового изображения — это конечно хорошо, но если это фоновое изображение полупрозрачный png способ с преподгрузкой спасает!

]]> Автор: Сергей http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2488 Сергей Sun, 28 Mar 2010 07:53:33 +0000 http://www.alexilin.ru/predvaritelnaya-zagruzka-izobrazhenij-s-pomoshhyu-css/#comment-2488 <code>.loader{ background:url(images/hover.gif) no-repeat; background:url(images/hover2.gif) no-repeat; background:url(images/hover3.gif) no-repeat; background:url(images/hover4.gif) no-repeat; margin-left:-1000px; }</code> А зачем прописан margin, если div пустой? <code></code> Его и так не будет видно, потому что он "схлопнется" без объектов внутри него или без указания его размеров. .loader{
background:url(images/hover.gif) no-repeat;
background:url(images/hover2.gif) no-repeat;
background:url(images/hover3.gif) no-repeat;
background:url(images/hover4.gif) no-repeat;
margin-left:-1000px;
}

А зачем прописан margin, если div пустой?


Его и так не будет видно, потому что он «схлопнется» без объектов внутри него или без указания его размеров.

]]>