如果图片高度大于200px，用jQuery完成图片属性增加?

Question

已知：<ul> <li><img src="#"></li> <li><img src="#"></li> <li><img src="#"></li> <li><img src="#"></li> <li><img src="#"></li> <li><img src="#"></li> ……</ul>n个li，其中的图片宽度都一样，而高度不统一求助：style="position:relative; top:-((图片高度-200)/2)px"

Answer 1

$('ul li img').each(function (index, item) {      this.onload = function () {        var img_height = $(this).height();        if (img_height > 200) {
          $(this).css({position: 'relative', top: -((img_height - 200) / 2) + 'px'})
        }
      };
    })

Answer 2

$(document).ready(function()  
{  
  $('ul li img').each(function() {  
    var maxHeight = 200;  
    var height = $(this).height();  
    if(height > maxHeight){  
      $(this).css({position: 'relative', top: -((height - 200) / 2) + 'px'})  
    };  
  });  
});