在加载图像后计算图像尺寸时出现问题
Problems when calculating the dimensions of images after they have been loaded
在我们的web应用程序中有一个div,里面有几个"items"。
这个div的一些项是图像。这些图片是在单页web应用程序启动后动态加载的。
在加载图像的"loaded"事件上,我开始计算每个项目的尺寸(我也用console.log记录尺寸)。
在某些情况下-虽然图片已经加载-一些项目的大小不像他们应该的那么大,因为图片还没有"渲染"。它们已经被加载,但还没有完全包含到DOM中并且可见。
当然,当我在"加载"事件后等待1秒开始计算时,一切都很好,但这对我来说不是一个干净的解决方案。我需要一些"渲染"事件,当我可以开始计算。
非常感谢你提供的有用信息。
编辑:
我想提一下,单页web应用程序已经启动。在此开始之后,图像被加载。
使用此参数等待所有内容加载完毕后再运行JavaScript:
$(window).load(function(){
// your code here
});
相关文章:
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- 画布图像的问题
- 客户端图像调整大小.任何已知问题
- 阵列中随机图像的问题
- mouseOver上的隐藏图像问题
- Three.js CanvasRenderer,在将图像纹理设置为平面时出现问题
- 加载图像问题
- jQuery Datatable缓存图像问题
- 如何修复IE6中的png图像问题
- Jquery在图像问题下显示圆形标签图像
- Bootply 79859中的“选择多个Thumnail图像”问题
- 禁用Javascript时出现滑块图像问题
- Javascript:画布,模糊的图像问题
- Sencha触摸旋转木马图像问题
- Jquery替换图像问题
- Jquery旋转木马闪烁图像问题
- Jquery/Javascript缩略图图像问题
- Chrome/Firefox缓存图像问题
- Javascript和AJAX:在光标旁边浮动一个图像-问题
- Javascript更改随机背景图像问题