Показать сообщение отдельно
  #1 (permalink)  
Старый 20.04.2011, 07:49
Аватар для warobushek
Аспирант
Отправить личное сообщение для warobushek Посмотреть профиль Найти все сообщения от warobushek
 
Регистрация: 18.07.2008
Сообщений: 80

JQuery .hover() уход с элемента во время его анимации
Приветствую!
заметил странную вещь,
есть картинка,
которая появляется и потом увеличивается при наведении на ее уменьшенную копию,
при уходе с картинки поставлен обработчик, уменьшающий ее обратно.

Так вот, если быстро провести над картинкой, то она увеличится, но обратно не уменьшится, т.к. анимация еще не закончена.

вот код :
/* УВЕЛИЧЕНИЕ КАРТИНКИ ПРИ НАВЕДЕНИИ */
	$('.miss_right img.min').hover(function() {
		
		$('.miss_right img.big:visible').stop(true).css('display', 'none');
		
		var center = {};
		center.left = $(this).offset().left + $(this).width()/2;
		center.top  = $(this).offset().top  - $(this).height()/2;
		
		$(this).next('.big').css('position', 'absolute');
		$(this).next('.big').css('left', '' + $(this).position().left + 'px');
		$(this).next('.big').css('top',  '' + $(this).position().top  + 'px');
		
		$(this).next('.big').css('display', 'block');
		$(this).next('.big').animate({'width' : '70px'});
	},
	function() {
	});
	
	
	
	$('.miss_right img.big').hover(function() {
	},
	function() {
		$(this).stop(true).animate({'width': '54px'}, function() {
			$(this).css('display', 'none');
		})
	});


Кто с этим сталкивался, подскажите решение проблемы, пожалуйста..
Ответить с цитированием