Мыкает действие mouseout
 

всем привет!
необходимо сделать увеличение картинки при заведении на нее мышкой и при отведении снова уменьшать(менять картинки с разным разрешением) задача тривиальная. написал следующее:

$(".pic_pp_border").hover(function(){
	var name = $(this).attr('id');
	var pic_url = '<img src="http://zakupka-images.s3.amazonaws.com/m_' + name + '.jpg" />';
			  $(this).css("position","absolute").css("width","200px").css("height","200px");
	$(this).html(pic_url);
})
		
$(".pic_pp_border").mouseout(function(){
	var name = $(this).attr('id');
	var pic_url = '<img src="http://zakupka-images.s3.amazonaws.com/s_' + name + '.jpg" />';
			$(this).css("position","static").css("width","100px").css("height","100px");
	$(this).html(pic_url);
})

но столкнулся вот с какой проблемой:
когда наводишь на картинку она начинает туда-сюда непрерывно увеличиваться и уменьшаться... что посоветуете чтобы этого избежать?

tazododu,

$(".pic_pp_border").hover(function(){
    var name = $(this).attr('id');
    var pic_url = '<img src="http://zakupka-images.s3.amazonaws.com/m_' + name + '.jpg" />';
              $(this).css("position","absolute").css("width","200px").css("height","200px");
    $(this).html(pic_url);
},
         
function(){
    var name = $(this).attr('id');
    var pic_url = '<img src="http://zakupka-images.s3.amazonaws.com/s_' + name + '.jpg" />';
            $(this).css("position","static").css("width","100px").css("height","100px");
    $(this).html(pic_url);
})

Почитать в документации Jquery про hover...

JsLoveR - большое спасибо за помощь в решении!!
float - тут вы правы, прочитал и сразу все стало ясно)

ребят, еще вопрос, когда проводишь слишком быстро картинка увеличивается, но не уменьшается, что посоветуете?

кому интересно в мозиле есть баг - при переходе границы элементов может всплывать аут

Это не баг и это во всех браузерах.

гм...проверял в Opera 10.60 все работает четко,
в Хроме та же беда, что в ФФ...
читал, что надо писать функции с таймером: на аут ставить таймер, а на овер - отменять. но так и не въехал как это сделать. вы мне не поможете?

проблема решена, сделал так
сделал так

$(".product_pic").hover(
	function(){
		var name = $(this).attr('id');
		var pic_src = 'http://zakupka-images.s3.amazonaws.com/m_' + name + '.jpg';
		$(this).find("img").attr("src",pic_src);
	},
	function(){
		var name = $(this).attr('id');
		var pic_src = 'http://zakupka-images.s3.amazonaws.com/s_' + name + '.jpg';
		$(this).find("img").attr("src",pic_src);
	}
);

и все стало ГУД!