Помогите реализовать scale по mouseenter
 

Всем привет,

Задача: реализовать подсветку-увеличение картинки при наведении на нее курсора мыши, и соответственно возврат в первоначальный размер когда курсор уходит.

Проблема: я не смог найти способ чтобы событие вызывалось однократно. Несмотря на документацию, "mouseenter" вызывается повторно после смены масштаба. С mouseover и hover все еще хуже.

$(".infoicon").bind("mouseenter", function(){
$(this).effect("scale", { percent: 200 }, 1000);
}).bind("mouseleave", function(){
$(this).effect("scale", { percent: 50 }, 1000);
});

Этот код при наведении мыши на иконку масштабирует ее вечно. Но при убирании курсора обратное масштабирование будет только один раз.

Использование масштабирования через css не подходит, потому что нужен эффект из центра, а не от левой верхней точки.

onmouseover
onmouseout

Очевидно, что пробовалось, и эффект тот же.

Хм, у меня простенький код работает:

<script type="text/javascript">
function skukozh(el) {
    el.width = parseInt(el.width) * 2;
    el.height = parseInt(el.height) * 2;
}
function raskukozh(el) {
    el.width = parseInt(el.width) / 2;
    el.height = parseInt(el.height) / 2;
}
</script>
<img src="1.jpg" onmouseover="skukozh(this)" onmouseout="raskukozh(this)">

потому что у тебя код простенький, а у человека фреймворк :D

Блин, не посмотрел, где топик располагается. Извиняйте.