Javascript.RU

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

Событие после загрузки изображения.
есть такой фрагмент простого кода

<div class="openfullimage">
   <img src="ajaxloader.gif">
   <div class="helper">
       <img src="" style="display:none">
   </div>
</div>


и к нему прилагается фрагмент скрипта

$('.openfullimage').fadeIn(500,function(){
   console.info('fade end');
      $('.helper img').one('load',function(){
	   console.info('img loaded');
      });
});



Задумка в том, чтобы по нажатию на картинку появился блок с классом .openfullimage и после того как картинка внутри блока с классом .helper загрузилась в кеш, она заменяет ajaxloader.gif на только что загруженную.

В реальности все работает до момента, где нужно определить что картинка уже загружена. То есть появляется блок с классом .openfullimage и в нем вертится анимация ajaxloader.gif и все. Консоль пишет только fade end.

Вопрос, как определить что картинка загружена и после этого выполнить некоторую функцию?
Ответить с цитированием
  #2 (permalink)  
Старый 23.10.2013, 16:54
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

$('.openfullimage').fadeIn(500,function(){
    console.info('fade end');
    var img = new Image();
    img.onload = function() {
        console.info('img loaded');
    }
    img.src = $('.helper img').attr('src');
});
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #3 (permalink)  
Старый 23.10.2013, 16:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,789

Sherminator,
а где код загрузки картинки?
Ответить с цитированием
  #4 (permalink)  
Старый 23.10.2013, 19:23
Аспирант
Отправить личное сообщение для Sherminator Посмотреть профиль Найти все сообщения от Sherminator
 
Регистрация: 01.08.2012
Сообщений: 50

он был, забыл вставить) Но уже проблему решил благодаря devote
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Событие загрузки элемента, но не load grecha Events/DOM/Window 2 08.05.2013 00:31
Как отобразить img только после загрузки всего изображения overdrive Общие вопросы Javascript 6 06.11.2012 18:02
Повернуть изображение после его загрузки (jquery) art_maestro jQuery 0 13.09.2012 20:50
показать класс после загрузки изображения malkoff jQuery 4 06.11.2011 01:01
Выполнить код после загрузки изображения EugenyK Events/DOM/Window 2 15.07.2008 09:09