Jump to content
  • 0

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


AlexKon
 Share

Question

Как можно реализовать кеширование картинок которые используются в качестве 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;
}

и ничего

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

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

попробуй так

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

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

Edited by hf3
Link to comment
Share on other sites

  • 0
Как можно реализовать кеширование картинок которые используются в качестве 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 спрайты в тырнете.

Link to comment
Share on other sites

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

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

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

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

попробуй так

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

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

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

Link to comment
Share on other sites

  • 0

.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 by mishka2
Link to comment
Share on other sites

  • 0
.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 но немогу найти (

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy