Meus parceiros, estou perdendo os cabelos com este problema que estou enfrentando.
Tenho algumas páginas feitas com bootsptrap, no qual cada container possui uma linha (row) e a mesma possui duas colunas (cada uma com as classes: col-xs-12 col-sm-12 col-md-6 col-lg-6), nisso as linhas vão se alternando entre texto/imagem e imagem/texto onde o valor de Height usado como referência é o da imagem(geralmente é maior que os blocos de texto), nisso eu pego o valor da imagem, pego o height do bloco de texto, subtraio e divido o valor por 2 para chegar na margen-top para só assim poder centralizar verticalmente os blocos de texto de acordo com o centro da imagem.
Eu fiz uns gatos e não sei se a lógica seria essa: http://jsfiddle.net/9Lsst0gx/
A coisa em si funciona, o problema porém é que o código só funciona quando damos um refresh na página, quando a carregamos novamente. Ele não funciona quando abrimos pela primeira vez e este é o problema pois ele deve centralizar assim que a página for carregada.
Alguém poderia me indicar qual o meu erro ou se possível uma forma de solucionar? Obrigado!