[jQuery] Scale effect and hover

[jQuery] Scale effect and hover


Hi guys! I'm looking for a simple image hover effect, but with the
scale effect...
I just want make an image bigger on mouse over.
I'm newbie with jQuery, and I tried this....
$("#scale_img").hover(function() {
    $(this).effect("scale", { percent: 200 });
}, function() {
    $(this).effect("scale", { percent: 50 });
});
..but hover state doesn't stop after one resize. I mean if I leave my
mouse over, the image continue to resize.
How can i stop that? Any idea to fix it?
i tried also...
$("#test2").hover(function () {
$(this).toggle("scale", { percent: 80 }, 500);
}, function(){
        $(this).toggle("scale", { percent: 80 }, 500);
    });
..but it's worst.
(it would be wonderful if the scaling has a bounce effect in the
end!!)
Thx a lot anyway for all the tips!