élément de centrage vertical (jQuery)

Question

HTML:

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

LI est (60px x 60px), mais les images ont à l'intérieur des hauteurs différentes. Je pense qu'ils peuvent être centrés si la marge est définie dynamiquement:

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

Comment puis-je faire avec jQuery.

Merci beaucoup!

Answer 1

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

Pourrait-on aider?