Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Постоянное увеличение (https://javascript.ru/forum/events/18915-postoyannoe-uvelichenie.html)

Luke 20.07.2011 12:44

Постоянное увеличение
 
//--------------------------popup images--------------------------------------
	// H/W increments
	var incW = 10;
	var incH = 10;
	var spd = 200;

	jQuery(".gallery img").hover( 
		function(){
			w = jQuery(this).attr('width');
			h = jQuery(this).attr('height');
			mt = parseInt( jQuery(this).css('margin-top') );
		
			jQuery(this).stop().animate({width: w+incW, height: h+incH, marginTop: mt - 5 + 'px'}, spd);
		},
		function(){
			jQuery(this).stop().animate({width: w, height:h, marginTop: mt + 'px'}, spd);
		}
	);


Есть такой код. Сайт - jewelryann.ho.ua. На нем тренируюсь и т.д.
Проблема в том: если быстро проводить мышкой через картинку в галерее (через миниатюру), она должна увеличиться и сразу уменьшится , а она просто увеличивается. Если такое повторять, то она в своей рамке будет типа зумится. При медленном действии, все ок. Попробуйте=)
З.Ы. Сайт смотрю на Хроме, под другие браузеры еще модифицировал, так что желательно Хром... На счет кривости рук попрошу удержаться, но дельную критику учту. Спасибо.


Часовой пояс GMT +3, время: 06:56.