Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.11.2014, 15:49
Профессор
Отправить личное сообщение для imedia Посмотреть профиль Найти все сообщения от imedia
 
Регистрация: 20.05.2014
Сообщений: 292

при загрузке страницы видна постепенная загрузка фото
Здравствуйте у меня картинка состоит из трех пнг наложений
<div id="int_frame">
	<ul>
	<li>
	<img src="/img/interior/floor1.png">
	</li>
	<li>
	<img src="/img/interior/walls1.png">
	</li>
	<li>
	<img src="/img/interior/plintus1.png">
	</li>
	<div class="door_in">
	<img height="100%" src="<?=$doors_in_interior[0]['photo']?>"> 
	</div>
	</ul>
	</div>

и при загрузке страницы видно как они поочереди загружаются, можно ли сделать чтобы до того как они загрузятся все и составят единое изображение на месте этого блока был бы блок с фоном и может быть прелоудер, раскажите как это осуществить?
Ответить с цитированием
  #2 (permalink)  
Старый 12.11.2014, 16:20
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,138

установить люой html код (прелоадер) который будет отображаться пока картинка загружается
затем создать загрузить картинку
var loadImageArray = [];
loadImageArray[0].src = "http://АресИзображения.com"
loadImageArray[0].onload = function ФункцияКотораяЗаменяетПрелоадерНаИзображение (){};


Ну или создать три картинки и дождаться когда они все загрузятся
т.е. у трех объектов img наступает событие onload
Ответить с цитированием
  #3 (permalink)  
Старый 12.11.2014, 17:30
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Только прелоадер с помощью js цепляй. В итоге если js отключен - картинки все равно отобразятся, только без прелоадера.
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие диалога AjaxUpload при загрузке страницы lukingnu AJAX и COMET 0 06.03.2012 21:51
Как открыть модальное окно сразу при загрузке страницы dgabets jQuery 3 13.02.2012 21:03
Обрезать часть слов у всех <h3> при загрузке страницы swess Общие вопросы Javascript 9 14.01.2012 06:44
При загрузке страницы не отображается картинка pimax1978 Opera, Safari и др. 10 06.01.2012 23:09
Срабатывание скрипта при загрузке страницы bormax Общие вопросы Javascript 3 03.04.2008 09:57