Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/06/2013, 17:25
SeaPirates
 
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);