图片资源在什么时候加载？
来源：10-3 Loading 效果（JS 脚本编写）
Felix_XP
2016-05-27
loading在addComponent之后执行判断图片资源是否加载，但是在添加组件的时候其实就已经定义好了元素的结构和样式。
为什么定义好了没有马上加载图片资源，而是等到最后在this.loader中显示组件的时候才加载？
去试了一下，如果
var img = $("<img src='./bg.png'/>")会马上加载图片，
但是，如果只是定义一个元素，然后设置背景图，这个背景图只有在将元素加入到dom中才会加载。
我想问一下，
背景图和图片元素的加载方式不一样吗，
如果在组件中含有图片元素，（在的定义的时候就会加载？）那么loading效果应该怎么做？
写回答
1回答
-
背景图片和 img 标签加载图片的方式的确不一样。
背景图片只有在对应的元素被渲染的时候去加载对应的样式才去加载。img 标签则是你创建了就会去获取对应的图片加载到缓存里。
---
项目的10-1有个简易的Loading效果，把所有图片资源预先提出来，一个一个的创建 Image 对象，所有 Image.src Onload 之后再触发 loader 操作。
012016-05-30
相似问题