在显示前预加载多个图像

两个示例的区别在于,一个示例通过图像API创建图像,另一个示例通过字符串连接创建图像。

反“如何等到所有图像都加载”是设置一个条件来测试它们是否都已创建。

var html = '';
data.forEach(function (item, index) {
   if( data[index] !== -1){
       html += '<img src="' + item.src + '">';
   } else {
       $('.container').append(html);
   }
}