Вертикально центрирование элемент (JQuery)

Question

HTML:

<ul> 
    <li><a href="#"><img src="image1.jpg" /></a></li> 
    <li><a href="#"><img src="image2.jpg" /></a></li> 
</ul> 

Л.И. есть (60px 60px х) но изображения внутри имеют разную высоту. Я думаю, что они могут быть сосредоточены, если граница устанавливается динамически:

margin-top = height-of-li - height-of-img/2 

Как сделать это с JQuery.

Большое спасибо!

Answer 1

var image_height = $('li').find('img').height(); 
var padding = (60 - image_height)/2; 
$('li').find('img').css('margin-top', padding+'px'); 

Не могли бы вы помочь?