[SOLUCIONADO] centrar imágenes verticalmente

[turuleto69]

Hola a todos, sé que este es un tema peliagudo, pero vamos allá:

Me gustaría centrar verticalmente diferentes imágenes de diferentes dimensiones en un contenedor de anchura variable y proporción cuadrada.

Tengo ya hecho el código css y jquery (probablemente poco eficiente) para que los contenedores siempre sean cuadrados y la imagen se ajuste por su altura o por su anchura (dependiendo). Pero no consigo centrarla verticalmente.

Buscando un poco por internet te salen mil formas de centrar verticalmente cosas, pero en mi caso creo que es un poco más complejo ya que todo es relativo.

Te dejo por aquí el código en jsfiddle: http://jsfiddle.net/aledroner/v58Los6c/

Gracias por tu tiempo, un saludo :)

[Alexis88]

Puedes alinear verticalmente (y también de manera horizontal) a cada imagen de cada contenedor mediante su margen. Una manera que suelo utilizar es asignarle la diferencia entre la mitad de la altura del elemento contenedor y la del elemento mismo.

Código Javascript:

$('.contenedor img').each(function(){
    $(this).css('margin-top', $(this).parent().height() / 2 - $(this).height() / 2 + 'px');
});
 

Saludos

[turuleto69]

Muchísimas gracias Alexis, es justo lo que buscaba.

Gracias por tu tiempo :)