JavaScript图片OnLoad事件

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> 

但我的浏览器知道图像有多大去尽快头装入时 - 我能够领略到该事件，所以，一旦浏览器知道图像的大小，我可以调整我的页面上的元素？

谢谢！

Answer 1

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

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

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

它甚至a recommended practice改善浏览器的渲染。