this works for me.. style is bad though sorry had to do it quick:
<body>
<script src="jquery.js"></script>
<a id="test">something</a>
<img id="scale_img" src="img.gif"/>
<script>
$(function(){
scaleImg = $("#scale_img");
scaleImg.w = scaleImg.width();
scaleImg.hover(function(){
scaleImg.width(scaleImg.w*2);
},
function(){
scaleImg.width(scaleImg.w);
});
});
</script>
</body>
On Jan 23, 4:44 pm, "-=AmBaRaDaN=-" <gandi.ma...@gmail.com> wrote:
> 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!
