Javascript 浏览器中的图像渲染问题

Javascript 浏览器中的图像渲染问题,javascript,jquery,html,Javascript,Jquery,Html,我在浏览器上渲染图像时遇到了一些问题,在我的应用程序中,单击容器中的“下一步”按钮会显示一幅图像。有时图像不会在容器中渲染,通过使用firebug,我看到图像源被正确地分配给img标记,但它不会显示在容器中 imageObject.attr('src',imagePath) 在firebug的net选项卡中,我看到在这种情况下,请求的图像已完成,但在response选项卡中,它显示为空白,但对于显示的图像,它显示了响应的完整图像。此问题发生在高分辨率图像(400 dpi、500 dpi和600

我在浏览器上渲染图像时遇到了一些问题,在我的应用程序中,单击容器中的“下一步”按钮会显示一幅图像。有时图像不会在容器中渲染,通过使用firebug,我看到图像源被正确地分配给img标记,但它不会显示在容器中

imageObject.attr('src',imagePath)
在firebug的net选项卡中,我看到在这种情况下,请求的图像已完成,但在response选项卡中,它显示为空白,但对于显示的图像,它显示了响应的完整图像。此问题发生在高分辨率图像(400 dpi、500 dpi和600 dpi)上。一旦关闭浏览器并再次重新启动,图像将显示,但在某些图像之后,问题再次存在。我还清除了缓存,但问题仍然存在

我没有得到任何线索,为什么会发生这种情况,请给出一些建议,如果它是一个编码错误或一些浏览器渲染问题


提前谢谢。

据我所知,我想我很久以前也遇到过同样的问题。您需要做的是修复标记的宽度和高度属性,这样您就不会遇到分辨率较低或较高的图像的问题。非常感谢您的建议,但在我们的应用程序中,图像大小是在jquery中运行时计算的,以适合容器,你是说最初我应该在HTML中设置高度和宽度,然后我可以在运行时或其他时候更改它