Кеширование картинок

[AlexKon]

Как можно реализовать кеширование картинок которые используются в качестве background-а

пробовал такой вариант

<script type="text/javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}</script>

и такой

.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;
}

и ничего

может есть еще какие варианты решения данной проблемы

[hf3]

попробуй так

<script>
function cach()
{
var img1 = new Img;
var img2 = new Img;
img1.src = 'путь к файлу';
img2.src = 'путь к файлу';
}
</script>

и повесить функция на обработчик онлоад страницы

Edited August 28, 2009 by hf3

[Justnewone]

Как можно реализовать кеширование картинок которые используются в качестве background-а

пробовал такой вариант

<script type="text/javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}</script>

и такой

.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;
}

и ничего

может есть еще какие варианты решения данной проблемы

Как варианты:

Абсолютные картиночные пути

сделать все каринки в одном лайете, на события потом прописывать только бекграунд позишн, вобщем, прочитайте про CSS спрайты в тырнете.

[AlexKon]

Как варианты:

Абсолютные картиночные пути

сделать все каринки в одном лайете, на события потом прописывать только бекграунд позишн, вобщем, прочитайте про CSS спрайты в тырнете.

про этот вариант уже подумал, про бг позишн, дело в том что кеширование нужно применить к уже готовому сайту, я эту идею решил оставить на последний вариан, если не найду альтернативного решения, а то достаточно прилично нужно будет переделывать

попробуй так

<script>
function cach()
{
var img1 = new Img;
var img2 = new Img;
img1.src = 'путь к файлу';
img2.src = 'путь к файлу';
}
</script>

и повесить функция на обработчик онлоад страницы

уже пробовал, не помогло

[mishka]

.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;
}

это всеравно что написать

.loader{
   background:url(images/hover4.gif) no-repeat;
   margin-left:-1000px;
}

И еще - лучше не маргин -1000px, а position:absolute; left:-9999px;

нехотите все спрайтом делать(что есть правильно, и в будующем тоже экономит время) то создавайте кучу лоадеров(лоадер1, лоадер2...) с бекграундами

также, думаю что на джс есть решение, но тут неподскажу ничем...

Edited August 28, 2009 by mishka2

[AlexKon]

.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;
}

это всеравно что написать

.loader{
   background:url(images/hover4.gif) no-repeat;
   margin-left:-1000px;
}

И еще - лучше не маргин -1000px, а position:absolute; left:-9999px;

нехотите все спрайтом делать(что есть правильно, и в будующем тоже экономит время) то создавайте кучу лоадеров(лоадер1, лоадер2...) с бекграундами

также, думаю что на джс есть решение, но тут неподскажу ничем...

Ваше решение тоже пробовал, но он мне не подошло, я помню как то видел скрипт кеширования в CSS+JS но немогу найти (

но все равно спс за ответ

[hf3]

	var img2 = new Image();
	var img3 = new Image();
	var img4 = new Image();
	img2.src ="1/2.png";
	img3.src ="1/3.jpg";
	img4.src ="1/2.jpg";

вот так скорее