JSFiddle - React, Tailwind, and code Playground

by pleinx

Babel + JSX

var sources = [
      "http://www.wallpapereast.com/static/images/excellent-love-quotes-wallpaper-hd.jpg",
      "http://www.wallpapereast.com/static/images/My-Samsung-Galaxy-S3-Wallpaper-HD-Landscapes1.jpg",
      "https://s-media-cache-ak0.pinimg.com/236x/58/01/02/5801020fea36221ffba33633f99a7d81.jpg",
      "http://www.wallpapereast.com/static/images/pier_1080.jpg",
      "http://www.wallpapereast.com/static/images/wallpaper-black-hd-hd-wallpapers.jpg",
      "http://1.bp.blogspot.com/-dvg12YJKaKg/UnVfkMke7jI/AAAAAAAAUaU/O86x5FMgEuk/s1600/longcat.gif"
  ];

function load(imagesUrlsArray, callback) {
	var imagesLoaded = [];
   
  sources.forEach(function(url) {
  	var img = new Image();
    img.onload = () => {
      imagesLoaded.push(img);
      if(imagesUrlsArray.length === imagesLoaded.length){
        callback(imagesLoaded);
      }
    };
    img.src = url;
  });
}

load(sources, function(pics) {
	pics.forEach(function(pic) {
  	$('body').append(pic);
  });
});