Question

我知道我可以将一个事件监听器附加到加载图像，以便在图像完成加载时触发它：

<img id="mine" src="image.jpg" />

<script>
$('#mine').load(function() {
  console.log($(this).height()); //The image's height
  console.log($(this).width()); //The image's width
})
</script>

但我的浏览器知道加载标题后图像的大小 - 我可以点击该事件，这样一旦浏览器知道图像的大小，我就可以调整页面上的元素吗？ / p>

谢谢！

Answer 1

不，你不能。但是，您应该将图像的尺寸与标签一起传递。

<img id="mine" src="image.jpg" width="100" height="100">

例如，在PHP中，您可以使用getimagesize()函数。

改善浏览器呈现甚至a recommended practice。

Javascript Image OnLoad事件

1 个答案: