Comentários sobre: Centralizar imagem na vertical com JavaScript

Por: Mateus V. Vellar

Mateus V. Vellar — Wed, 21 Sep 2011 14:37:50 +0000

É pq neste caso o elemento pai é um a e a tag a é inline. Define no CSS estes a como display: block; height: 100%. Ou
$(window).load(function(){
$(“.centralizarVertical”).each(function(){
$(this).css({‘margin-top’:($(this).parent().parent().height()-$(this).height())/2+’px’});
});
});
Cola essa parte do html.

Por: Alexandre G. C. Lima

Alexandre G. C. Lima — Wed, 21 Sep 2011 14:05:10 +0000

Preciso de centralizar imagens na vertical, mas cada uma destas imagens são links para abrir imagens maiores. Infelizmente, neste caso (de as imagens serem links) o script não funciona!

Por: Mateus V. Vellar

Mateus V. Vellar — Fri, 01 Jul 2011 08:31:21 +0000

Lembrando que esse script não serve só para imagens, ele vai centralizar todos os elementos pertencentes àquela classe.

Por: Mateus V. Vellar

Mateus V. Vellar — Fri, 01 Jul 2011 08:28:39 +0000

Eu uso a mesma lógica para centralizar, porém eu uso um for each.

$(window).load(function(){
$(“.centralizarVertical”).each(function(){
$(this).css({‘margin-top’:($(this).parent().height()-$(this).height())/2+’px’});
});
});

Por: Web Design Curitiba

Web Design Curitiba — Thu, 05 Aug 2010 18:36:27 +0000

E ai Pedro beleza? Usei esse scrpt em uma página que estou chamando outras divs dentro da mesma página sem dar refresh com um sistema de paginação igual ao desse link:
http://www.ctviva.com.br/informativo_lista_frame.html

Na primeira página o seu script centraliza as imagens normalmente, porém quando eu chamo a div n° 2 o script não funciona, sabe o que pode ser?

Obrigado

Por: Pedro Rogério

Pedro Rogério — Mon, 08 Mar 2010 13:22:56 +0000

Aí você precisa ter o tamanho da imagem definido, essa técnica se aplica a imagens que independente de seu tamanho, ela irá ficar centralizada na vertical.

Por: Rafael

Rafael — Mon, 08 Mar 2010 12:41:00 +0000

Não dá na mesma aplicar um ‘position’ e mandar aquele esquema com porcentagem e margem negativa? Acaba não usando “span” oO