Problema con Animate de jquery

[Gabriel_azul]

Código:

   function abc(){
      
      $(".animacion").animate({
         'width': "150px",
         
      });
   };
   
   function abcd(){

    $(".animacion").animate({
         'width': "130px",
         
      });
   };

<a href="##" onclick="mostrar('manual_texto')" onmouseover="abc()" onmouseout="abcd()" id="animar"><img class="animacion" src="archivos/menu_manual_2.png"" /></a>

el problema es que cuando el cursor entra desde la parte inferior de la imagen la animación se repite (Grande-Chica-Grande),
pero cuando el cursor entra desde un costado si la ejecuta correctamente. alguna Opción o error que tenga?

Gracias por su ayuda!

[InKarC]

El error es que el area de mouseover/mouseout cambia con el efecto que tiene sobre la misma; asi que lo que tiene que hacer es meter la animación en un contenedor con un tamaño estatico, y asignarle el evento a este contenedor.

Y para evitar que el evento se "dispare" en multiples ocaciones lo mejor es usar mouseenter y mouseleave de jQuery.

Quedaria asi:

Código Javascript:

$(function(){
$("#animar").mouseenter(function(){
    $("#imagen").stop().animate({'width': "130px"})
}).mouseleave(function(){
    $("#imagen").stop().animate({'width': "150px"})
})
})
 

Código HTML:

<a href="#" id="animar" style="width:150px; height:140px; background-color:#FFF; display:inline-block" ><img id="imagen" src="http://awsimx.fathermag.com/daughter/girl_with_cat_8776698_XS_400x300.jpg" width="150" /></a>
 

Aquí lo puede ver funcionando: http://jsfiddle.net/PTGUZ/

Por cierto, esto tambien sucede cuando se cambia el tamaño del elemento en estado :hover CSS (aunque en ese caso la solucion es diferente)

[Gabriel_azul]

Gracias por la ayuda!

Lo haces usado tu?

No me funciona. y uso el código que me proporciona.

[InKarC]

No te funciona en el link que te di? http://jsfiddle.net/PTGUZ/
Hay se ve como funciona con el html/js

[Gabriel_azul]

Hola Gracias! me funciona a la perfección cuando lo ejecuto local, pero en el momento de subirlo al servidor, ya no me realiza la animación.

[Gabriel_azul]

Listo! era otro script que me hacia ruido! Gracias por la Ayuda =)