[Jquery-Es] efecto

[Diego Burich]

gracias Choan,
disculpas por la poca claridad, al final del dia nunca queda mucha,

la animacion la hace, no se, tendria que seguir probando...
asi que por el momento, opte por un simple fade y quedo muy bien,
asi el codigo termino en:

  $(document).ready(function(){
    $("#p1").mouseover(function () {
      $("#img2").fadeIn("slow",function(){
        //alert("ok");
      });
    });
    $("#img2").mouseout(function () {
      $(this).fadeOut("slow",function(){
        $(this).css("display","none");
      });
    });
    $("#img2").click(function () {
      $(this).fadeOut("slow",function(){
        $(this).css("display","none");
      });
    });
  });

por otro lado,
algun link recomendable para meterse mas a fondo con Jquerry,
además de jquery.com ?

saludos,
Diego


2008/7/1 Choan Gálvez <choan.galvez en gmail.com>:

> 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
>
>
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20080701/1bdb6662/attachment.htm>