使用JS onload事件动态调整图像大小会在Firefox中延迟

Question

好的，所以我想使用以下JS将大小不等的图像调整为原始大小的50％：

的onload =＆＃34;＆this.width GT;＆GT; = 1; this.onload = NULL;

这在大多数浏览器中运行良好，除了在Firefox中，它似乎在大约一秒后调整大小之前首先加载完整大小。

我可以做些什么来确保用户看到图像后立即调整图像大小？

Answer 1

如果无法预知图像的原始大小，那么我会为我的图像添加更多属性。一种方法是：

<h1>Heading</h1><p>Lorum</p><p>Ipsum</p>

您可以使用不同的css属性，例如<img onload="this.width>>=1;this.onload=null;this.style.visibility='visible'" style="visibility:hidden"> 或display:none，直到Firefox执行您的操作。

另一种方法是使用背景图像。但我需要有关您的情况的更多信息，以提供background-image属性的答案