JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<img id="image_area" ></img>

JavaScript

var imgs = ["http://placehold.it/100x100","http://placehold.it/200x200","http://placehold.it/300x300"];
var conter = 0;

function loadOneImage(src,callback){
   var $img = $("img");
   $img.load(function () {
       $("#image_area").append($img.clone());    
       return callback();
    }).attr('src', src);
   
}

function loadManager(){
    if(conter<imgs.length){
        var src = imgs[conter];
        conter++;
        console.log("loadManager",src)
        loadOneImage(src,loadManager);
    }
}
loadManager();



/*
var p = new Promise(function(resolve, reject) { 
    resolve(3);
});
promise.then(function(val) {
  $("#myimages").load(cars[0]);
  
}).then(function(val) {
  $("#myimages").load(cars[1]);
  
});*/