javascript - 调整大小后获取实际图像大小

Question

我有一个充满缩略图的页面，使用 css 将大小调整为 150x150，当我单击缩略图时，页面变暗，并且图像以真实大小显示。

目前，我必须手动创建一个包含所有图像实际高度的数组。为了解决设计问题+减少画廊的手动操作，我需要在调整图像大小后获取图像的实际高度 (CSS)。

我试过:

var imageheight = document.getElementById(imageid).height;

和:

var imageheight = $('#' + imageid).height();

但两者都返回由 CSS 分配的 150px 属性。我该如何解决这个问题？谢谢

Answer 1

你有“天生”的知识来帮助你:

用 js:

var imageheight = document.getElementById(imageid).naturalHeight;

或者使用 jquery

var imageheight = $('#' + imageid).naturalHeight;