使用css和jquery调整图像大小后获取图像高度？

我有点卡住了。我正在用jquery和css创建一个旋转背景图像。我根据浏览器大小调整图像宽度，但我不想更改高度，因为它会扭曲图片。所以我想做一个简单的数学方程，使图像垂直居中于屏幕上。例如：图像的原始大小为1600px，它的大小调整为1200px，我需要得到调整大小后图像的高度。我已经用jquery simple尝试过这一点：$（“#img1”）.height（）；但它返回的值为0。以下是我的jquery、html和css：

HTML

---

任何关于如何获得图像实际高度的帮助都将非常棒！非常感谢你

在加载图像时尝试调用height（您应该始终将代码括在

$（function（）{}）中；

以便在DOM就绪时调用代码）

---

这是我在stackflow上找到的类似线程的答案。。希望有帮助

var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(img).attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

var img=$（“img”）[0]；//获取我的img元素
变量pic_real_width，pic_real_height；
$（“我使用这个公式，得到原始图像的高宽比

var ratio=originalImageHeight/originalImageWidth;
var newHeight=newWidth * ratio;

链接此处：
$(function() {
   $('#img1').load(function() {
       $("#content").append($(this).height());
   });
});

var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(img).attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

var ratio=originalImageHeight/originalImageWidth;
var newHeight=newWidth * ratio;