Últimos artículos
Loading...
jueves, 6 de septiembre de 2012

Centrar verticalmente una imagen con Jquery

jueves, septiembre 06, 2012
Como centrar una imagen o un contenedor dentro de otro.

$.fn.vCenter = function(){
this.each(function(){
parent_height = $(this).parent().height();
image_height = $(this).height();
top_margin = (parent_height - image_height)/2;
});

return this.each(function() {
$(this).css( 'margin-top' , top_margin);
});


}

$('SOME-ID-OR-CLASS').vCenter();

2 Comentarios:

  1. hola no funciona tu codigo para nada, seria posible que pusieras en un caso real, con html y css tambien gracias

    ResponderEliminar
  2. http://jsfiddle.net/5d4QN/

    ResponderEliminar

 
Toggle Footer