Предзагрузка картинок с помощью css
Posted on Январь 22, 2007
Filed Under css |
Сдесь представлено очень интересное решение для предзагрузки картинок.
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(path/to/image1.png);
background-image: url(path/to/image2.png);
background-image: url(path/to/image3.png);
background-image: url(path/to/image4.png);
background-image: url();
}
Помойму это лучше чем джаваскрипт…
Как выяснилось такой метод не работает). выход - использование javascript:
<script type="text/javascript">
<!--
if (document.images)
{
pic= new Image(width_image,height_image);
pic.src="url_image";
}
//-->
</script>
Comments
4 Responses to “Предзагрузка картинок с помощью css”
Leave a Reply
-
Поиск
-
Счетчики
-
-
На правах рекламы:
прикольная фишка! Спасибо.
нужно только еше будет прописать в код страницы где-нить вначале в тег TD
Спасибо за суперидею! =) Всё гениальное просто! =)
Java я вообще не знаю, но несколько освоил HTML и CSS. Искал скрипт для предзагрузки и находил, но все они какие-то нерабочие, а что, быть может, не проблемные мне не подходили – подгрузка мне нужна была для бекграунда a:hover в CSS (для кнопок). В общем, твой вариант я проверять не стал – я всё ещё экономлю интернет (в двадцать первом-то веке!) – да и у одного id сразу несколько бекграундов как-то красиво по поему скромному разумению, хотя и никому не во вред. Я для надёжности тупо создал 18 штук id с нулевыми длиной и высотой и у каждого указал бекграунд:
#pim1 {background-image: url(icons/buttons/1.gif);width: 0px;height: 0px;}
#pim2 {background-image: url(icons/buttons/2.gif);width: 0px;height: 0px;}
…
#pim18 {background-image: url(icons/buttons/3.gif);width: 0px;height: 0px;}
А в конце текста моей страницы поставил 18 пустых span-ов с соответствующими id. Какое же удовольствие я получил, когда в нижней строке браузера увидел сообщения о том, что все мои бекграунды загружаются! Без всякой грязи, вроде Java! ;-)
Спасибо! Мерси! Мадлоба! =)))
Давид.
Чёта мне кажется, что свойства фона сменятся быстрее загрузки картинок.
да,этот метод не рабочий)
как выход можно фон задать для какого либо элемента и позиционировать его за пределы видимости.
background-position:-Xpx -Ypx;