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!