Javascript 垂直对齐使用jquery动态加载图像

我想在div中动态对齐加载的图像。我想到了一个解决方案，得到父div的高度和当前加载图像的高度，然后从父div中减去这个值，再除以2。。像这样的

$(".gallery a").click(function (evt) {
      evt.preventDefault();
      $(".image").empty().append( 
      $("<img>", {src: this.href})
      );
    });

$（“.gallery a”）。单击（函数（evt）{
evt.preventDefault（）；
$（“.image”）.empty（）.append（
$("
在这里，我想添加这样的东西，但我不知道确切的代码

$("<img>", {src: this.href, style: (margin-top:350-src.height()/2})

$（“
其中350表示我的父div高度。请给我一个代码。我已经尝试了所有方法，但没有其他方法可以处理这些动态加载的图像。
我在下面发布的代码中的“mydesirednumber”变量包含您的答案“获取父div的高度并获取当前加载图像的高度，然后从父div中减去该高度并除以2”

下面的示例假设您具有如下DOM结构：

GALLERY
  - DIV CLASS="thatdiv"
     -IMAGE
     -IMAGE
     -IMAGE
  - A (anchor)
  - A (another anchor)...

代码如下：

$(".gallery a").click(function (evt) {
      evt.preventDefault();
      //whatever else you wanted to do before, here
      var parentdivheight = $('.thatdiv').height();
      var imageheight = $(<<WHEREVER-CURRENTLYLOADING-IMAGE-IS>>).height();
      var mydesirednumber = (parentdivheight - imageheight)  /2 ;
       //whatever else you wanted to do after, here

    });

$（“.gallery a”）。单击（函数（evt）{
evt.preventDefault（）；
//不管你以前想做什么，在这里
var parentdivheight=$（'.thatdiv'）.height（）；
var imageheight=$（）.height（）；
var mydesirednumber=（parentdivheight-imageheight）/2；
//不管你以后想做什么，在这里
});
您是否尝试过
$（“？是的..这不起作用..不幸的是，你考虑过使用jQuery UI的定位插件吗？可能需要更改一些代码，但从长远来看可能是值得的。我不能更改高度。我只想获得我要添加的图像的高度，然后获得父图像的高度。然后根据计算设置边距口述