大家帮我看下，怎么才能不闪屏呢？ 关于图像等比显示。

Question

echo "<img src= \"images/123.jpg\" onload=\"javascript:DrawImage(this, 300, 300)\" />";DrawImage是把图像限定在300X300的一个div里面，图像高宽比不变。但是这有个问题，图像会先按原图显示，然后函数DrawImage才起作用，导致闪屏，这个有什么好的方法解决？比如不显示原图，直接DrawImage，但是该怎么写呢？JavaScriptPHP

Answer 1

百度了一下js图片预加载，还是没怎么看明白，刚开始学js

Answer 2

怎么让图片先不显示，直接执行DrawImage函数呢？

Answer 3

这个简单，你用css  max-height  max-width。
判断如果是IE6 就用DrawImage。
初始化设置包着图片的层不显示。 函数中修改一下，图片加载成功后显示。

Answer 4

我这样解决的，应该可以吧：
echo "<img src= \"images/123.jpg\" style=\"display: none;\" onload=\"javascript:DrawImage(this, 300, 300)\" />";
这里加了style=\"display: none;\" 然后在DrawImage里面设置this.sytle.display = "block";