js 控制一次加載一張圖片，加載完成后再加載下一張

// 只要能監控到圖片是否加載完成 就能實現了
// 要把圖片當成是圖片對象才行；

//方法一
var obj=new Image(); // <img> 標簽每出現一次，一個 Image 對象就會被創建。
obj.src="http://www.phpernote.com/uploadfiles/editor/201107240502201179.jpg";
// onload當圖像裝載完畢時調用的事件句柄。
obj.onload=function(){ // 這個就是加載完成，當加載完成之后可以執行一個函數比如
alert('圖片的寬度為：bai'+obj.width+'；圖片的高度為：'+obj.height);
document.getElementById("mypic").innnerHTML="<img src='"+this.src+"' />";
}

//方法二
let obj = new Image()  
obj.src = '..'
obj.onreadystatechange = function () {
  if(thids.readyState === 'complate') {
    document.getElementById('mypic').innerHTML = '<img src=" '+this.src +'">'
  }
}