Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2010, 16:33
Интересующийся
Отправить личное сообщение для Check'Yr'Head Посмотреть профиль Найти все сообщения от Check'Yr'Head
 
Регистрация: 17.11.2009
Сообщений: 10

Прелоад полученного контента
Добрый день. Для начала простой код:
$.ajax({
        type: "POST",
        url: "operate.php",
        data: "variable="+someValue,
        success: function(msg){
        $('div#targetDiv').html(' ').append(msg);
        }
 });

также имеется индикатор загрузки:
$("#loading img").ajaxStart(function(){
   $(this).show();
 }).ajaxStop(function(){
   $(this).hide();
});

Файл operate.php выводит на экран картинки с подписями. При активации AJAX индикатор загрузки появляется, текст и разметка загружаются, индикатор пропадает. Затем идет не очень красивая догрузка этих самых картинок.
Скажите пожалуйста, как сделать прелоад всего контента, возвращаемого AJAX?
Пользовался поиском, ничего не нашел.
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2010, 17:17
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

Не показывайте содержимое пока оно не загрузится, в чём проблема?
Какой ещё прелоад? Вы представляете о чём спрашиваете?
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2010, 18:37
Интересующийся
Отправить личное сообщение для Check'Yr'Head Посмотреть профиль Найти все сообщения от Check'Yr'Head
 
Регистрация: 17.11.2009
Сообщений: 10

По моему мнению, прелоад (preload) элемента - выполнение некой функции (напр. отображение индикатора) до полной загрузки элемента. Спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 29.09.2010, 09:19
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

у img есть событие onload, попробуйте с ним поковыряться.
так же лучше подгружать изображения с помощью создания экземпляра объекта Image.
__________________
.
Ответить с цитированием
  #5 (permalink)  
Старый 29.09.2010, 11:00
Интересующийся
Отправить личное сообщение для Check'Yr'Head Посмотреть профиль Найти все сообщения от Check'Yr'Head
 
Регистрация: 17.11.2009
Сообщений: 10

Премного благодарен! Буду копать
Ответить с цитированием
  #6 (permalink)  
Старый 30.09.2010, 11:37
Интересующийся
Отправить личное сообщение для Check'Yr'Head Посмотреть профиль Найти все сообщения от Check'Yr'Head
 
Регистрация: 17.11.2009
Сообщений: 10

Если кому еще интересно, есть готовое решение для ожидания загрузки всех изображений, и каждого в отдельности:
http://farinspace.com/jquery-image-preload-plugin/

а вот http://rutracker.org/forum/viewtopic.php?t=2789230 просто шикарный урок, называется "Image loading".

Последний раз редактировалось Check'Yr'Head, 01.10.2010 в 10:56. Причина: дополнение по теме, дабы не плодить посты
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прелоад изображений Papa Общие вопросы Javascript 6 10.07.2010 02:33
Смена контента из бд при наведении и подсветка. Madd Общие вопросы Javascript 3 05.07.2010 11:29
Скролл окна при добавлении контента "сверху"" yaneblog Events/DOM/Window 0 22.01.2010 23:00
Защита контента на странице Freyaa Элементы интерфейса 11 09.10.2009 09:00
Динамическое изменение контента со скроллом Accessd Элементы интерфейса 0 03.10.2009 17:34