Foros del Web » Programando para Internet » Jquery »

Efecto globo de imagen

Estas en el tema de Efecto globo de imagen en el foro de Jquery en Foros del Web. buenas tardes alguien sabe como conseguir este efecto en jquery imagen una imagen pero primero aparece con fade 1px por 1px y va creciendo hasta ...
  #1 (permalink)  
Antiguo 20/06/2013, 15:31
 
Fecha de Ingreso: febrero-2011
Mensajes: 167
Antigüedad: 13 años, 2 meses
Puntos: 9
Efecto globo de imagen

buenas tardes alguien sabe como conseguir este efecto en jquery imagen una imagen pero primero aparece con fade 1px por 1px y va creciendo hasta lacanzar su tamaño real y alli se queda
  #2 (permalink)  
Antiguo 20/06/2013, 17:25
 
Fecha de Ingreso: enero-2009
Ubicación: España
Mensajes: 786
Antigüedad: 15 años, 3 meses
Puntos: 9
Respuesta: Efecto globo de imagen

Cita:
Iniciado por esystemas Ver Mensaje
buenas tardes alguien sabe como conseguir este efecto en jquery imagen una imagen pero primero aparece con fade 1px por 1px y va creciendo hasta lacanzar su tamaño real y alli se queda
Fácil, obtienes su tamaño real con

1.-
Código Java:
Ver original
  1. var object_width = $('#objecto').css('width');
  2. var object_height = $('#objecto').css('height');
2.- Le estableces el tamaño a 1x1px

Código Javascript:
Ver original
  1. var width = $('#objecto').css('width','1px');
  2. var height = $('#objecto').css('height','1px');

3.- Haces una animación..

Código Javascript:
Ver original
  1. $('#objecto').animate({width: '' + object_width + '', height: '' + object_height + ''}, 3000);

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:22.