Javascript.RU

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

async download img
Добрый день!

Только начинаю программировать на JS, надеюсь вы поможете мне советом.

Суть проблемы:
Я пишу картографический web-движок (по сути нужно повторить функционал Google maps). При таскании карты динамически подгружаются кусочки карты, которые попадают на экран.

Вставка изображений сделана крайне тупо и в лоб — я просто обсчитываю какие тайлы попали на экран и добавляю в html картинки <img src="путь_до_тайла/1.jpg">.

Но во время загрузки новых тайлов с сервера страничка довольно сильно тормозит. (особенно на iPad в mobile Safari).

Подскажите пожалуйста, как заставить браузер загружать картинка асинхронно - чтобы этот процесс выполнялся параллельно и карта у меня, соответсвенно скроллилась нормально во время загрузки картинок.
Ответить с цитированием
  #2 (permalink)  
Старый 04.01.2012, 17:38
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

картинки сверху,снизу ,с боков загружать сразу при скролинге необходимые.
и соответственно они не видны помимо основного поля.( вложенные все дивы в див с параметрами оверфлоу хиден)
итого пока идёт передвижение анимированное идёт загрузка изображений в невидимые

либо если их не много грузить сразу все в прелоад массив

Последний раз редактировалось dmitriymar, 04.01.2012 в 17:42.
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2012, 14:45
Аватар для RazZzeR
Кандидат Javascript-наук
Отправить личное сообщение для RazZzeR Посмотреть профиль Найти все сообщения от RazZzeR
 
Регистрация: 11.12.2011
Сообщений: 146

неактивные можно сворачивать (display:none),

тогда они не будут перемещаться в клиенте.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проверка форм: .ajax async tarya jQuery 2 05.05.2011 20:38
Первая img под вторую img Sergei1988 (X)HTML/CSS 6 04.04.2011 16:27
Изменение img src при hover на другом img -- как? adelante jQuery 2 14.04.2010 08:12
Размер img не больше чем у div PAMAC (X)HTML/CSS 3 21.12.2009 22:34
У элемента img внутри form пропадает событие после onsubmit формы Eugene Events/DOM/Window 2 18.06.2009 19:21