Помогите реализовать 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 не подходит, потому что нужен эффект из центра, а не от левой верхней точки.
|