Предзагрузка изображений в браузер

[Benderbej]

На странице много изображений, они появляются по разным событиям яваскрипта.

Однако, изображения, не появляются мгновенно, а как бы мигают(что вполне естественно, ибо им нужно время для загрузки)

Как сделать так, чтобы изображения загружались бы в кэш браузера заранее(эти изображения изменяются и появляются через backgroundImage) или сразу после загрузки страницы?

[nikita33321]

вот пример надеюсь это то что вы искали

[Benderbej]

Сообщение от nikita33321

вот пример надеюсь это то что вы искали

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

Попытался так реализовать, но что-то по-видимому сделал не так как надо

myimg1 = new Image(264, 217);
myimg1.src = "url(/design/i/aces_navigation_menu/pokos.jpg)";

a.style.backgroundImage="myimg1";
a.style.display="block";

Мне кажется что ошибка, в этой строке --

a.style.backgroundImage="myimg1";

Кажется надо вычленить у объекта myimg1 его URL, и его присвоить, а не сам объект присваивать...

a.style.backgroundImage="myimg1.src";

хотя так тоже не работает...

a.style.backgroundImage="url(myimg1.src)";

и так(!) тоже не работает...


Получается как бы строка в строке... надо как-то экранировать, но как?

[Benderbej]

a.style.backgroundImage="url(myimg1 .src)";


проверил алертом - видит не как свойство, а как строку

alert(a.style.backgroundImage); пишет

url("myimg1.src")

а нужно

url("/design/i/aces_navigation_menu/pokos.jpg")

[verygood]

Попробуй скрыть картинку
visibility:hidden;
а на onload для неё повесить
visibility:visible;

[Виталий Желтяков]

Через backgroundImage картинка загружается только во время её показа. Вам нужно чтобы изображения кэшировались в памяти броузера. Для этого либо на странице размещаем код с их подзагрузкой:

<img src="images/xxx.jpg" style="display: none"></img>

либо загружаем через js:

im = new Image();
       im.src='images/xxx.gif';