JSFiddle - React, Tailwind, and code Playground
CSS
img {
max-width: 100px;
max-height: 100px;
}
JavaScript
function createImage(src) {
return new Promise(function (resolve, reject) {
var img = document.createElement('img');
img.src = src;
img.onload = function () { resolve(img); };
img.onerror = function () { reject(img); };
});
}
function loadAllImages() {
return Promise.all([
createImage('http://www.gnu.org/graphics/heckert_gnu.small.png'),
createImage('http://upload.wikimedia.org/wikipedia/commons/a/af/Tux.png')
]);
}
function appendAllImagesToBody(imgs) {
imgs.forEach(function (img) {
document.body.appendChild(img);
});
}
function onError(e) {
alert('Что-то пошло не так...');
}
function main() {
loadAllImages().then(appendAllImagesToBody, onError);
}
main();