Javascript.RU

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

Очередь событий
Задача. Есть изображение, хочу его плавно заменить по клику на другое изображение.
Порядок получается такой.
1. делаем fadeTo изображения в положение приближенное к 0
2. заменяем src изображения на другой
3. делаем fadeTo изображения в значение 1

Чтобы выполнить действие 2, надо дождаться конца выполнения действия 1, значит используем очередь queue().
Но с этим затык. В очереди срабатывает действие 2, но потом не хочет действие 3.

jQuery(document).ready(function(){

	jQuery(".info_page_photos_links a").click(function(){

		var largePath = jQuery(this).attr("href");
		var largeAlt = jQuery(this).attr("title");

		jQuery(".info_page_photos_large").fadeTo("low", 0.1);

		jQuery(".info_page_photos_large").queue(function () {
	        jQuery(".info_page_photos_large").attr({ src: largePath, alt: largeAlt });
			jQuery(".info_page_photos_large").fadeTo("low", 1);
		});

		return false;
	});

});


пример тут.
Ответить с цитированием
  #2 (permalink)  
Старый 03.03.2010, 11:10
Аватар для e1f
e1f e1f вне форума
Профессор
Отправить личное сообщение для e1f Посмотреть профиль Найти все сообщения от e1f
 
Регистрация: 03.04.2009
Сообщений: 1,263

jQuery(".info_page_photos_links a").each(function(){
    var tmp = new Image();
    tmp.src = jQuery(this).attr("href");
}).unbind('click').click(function(){

    var largePath = jQuery(this).attr("href");
    var largeAlt = jQuery(this).attr("title");

    jQuery(".info_page_photos_large").fadeTo("low", 0.1, function(){
        $(this).attr({ src: largePath, alt: largeAlt }).fadeTo("low", 1);
        
    });

    return false;
});
Ответить с цитированием
  #3 (permalink)  
Старый 03.03.2010, 11:21
Интересующийся
Отправить личное сообщение для Petka Посмотреть профиль Найти все сообщения от Petka
 
Регистрация: 02.03.2010
Сообщений: 10

Спасибо. Теперь постараюсь понять как это работает
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
После анимации очистить очередь virtus jQuery 2 19.12.2009 10:35
Кроссбраузерное навешивание событий на динамический элемент Pula Events/DOM/Window 5 02.07.2009 14:02
выпадающий текст и описание событий etna Общие вопросы Javascript 5 07.02.2009 11:53
unbind прикрученных событий EugenyK jQuery 3 28.06.2008 16:32
Модели событий partyzan Общие вопросы Javascript 2 30.04.2008 19:48