[Jquery-Es] efecto

[Choan Gálvez]

Hola Diego.

On Jun 30, 2008, at 11:38 PM, Diego Burich wrote:

> hola
> estoy en mis primeros intentos con Jquerry,
> y necesito hacer que aparezca una imagen al pasar por un boton (que  
> es otra
> imagen),
> la imagen que aparece esta con display: none;
>
> el codigo que puse es el que sigue,
> algo estoy haciendo mal porque funciona "por momentos",


Por favor, trata de ser más específico cuando describas un error.


> supongo que se debe a que el boton (#p1) queda por debajo de la  
> imagen,
> y posiblemente a que este haciendo las cosas mal :)
>
> saludos!
>
>  $(document).ready(function(){
>    $("#img2").css({
>    opacity: 0,
>    display: "none",
>    });
>    $("#p1").mouseover(function () {
>      $("#img2").animate({
>        width: "800",
>        height: "489",
>        opacity: 1,
>      }, "slow" )
>      .css("display","block");
>    });
>
>    $("#img2").mouseout(function () {
>      $("#img2").animate({
>        width: "80",
>        height: "49",
>        opacity: 0,
>      }, "slow" )
>      .css("display","none");
>    });
>
>  });

Sin probar el código, diría que lo que te falla es la animación en  
mouseout, ya que la aplicación del método `css` se realiza antes de  
finalizar la animación.

Así que lo suyo sería que colocaras esa asignación en el callback de  
`animate`.

Y si nada de esto te sirve, cuelga un ejemplo para que podamos ver por  
dónde meterle mano.

Un saludo.
-- 
Choan Gálvez