Есть страница со всплывающим окном. Там фоновое изображение загружается только при открытии окна. Как можно сделать, чтобы при открытии окна изображение уже было загружено?
3 ответа
Есть ещё проще решение, сразу после загрузки показать на один такт скрытые элементы (пользователь ничего не увидит):
ко всем элементам типа #dim, приделайте css класс "dim"; и добавьте эту функцию в скрипт
$(function(){
var $dim=$('.dim:not(:visible)');
$dim.show();
setTimeout(function(){$dim.hide()},0);
});
-
-
то что я сказал, показывает и тут-же прячет все скрытые элементы класса dim. – zb' 18 авг '13 в 6:07
"открыть" модальное окно, но с "display:none", чтобы не было видно. Потом дождаться события "onLoad" для картинки и показать модальное окно.
-
В таком случае на медленном интернете окно будет открываться долго, и пользователь не поймёт, что к чему. – Frontender 17 авг '13 в 18:00
-
@Виктор Павлов, тогда какой-нибудь ajax-лоадер повешай, чтобы крутился пока все там грузится – mountpoint 17 авг '13 в 18:12
-
То есть подругому вообще никак? Чтобы она загрузилась до открытия окна – Frontender 17 авг '13 в 18:18
-
ну вот что можно сделать... $(function(){$('<img>,{width:0,heigh:0,position: absolute,left: -10000;}').appendTo('<body>').load(function(){$(this).remove()}).attr('src',"lpsystem.ru/img/aboutwindow.png");}); – zb' 17 авг '13 в 20:46
-
тебе нужно оптимизировать этот бекграунд. картинка слишком много весит и первый раз браузер долго ее кеширует