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!

Reply via email to