JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<div id="container">

    <div class="backgoundImage">
        <ul id="images"></ul>
    </div>
</div>
</body>
</html>

JavaScript

var backgroundImage = new Array(); 
backgroundImage[0] = "images/colors-wallpaper.jpg";
backgroundImage[1] = "images/florida-birds.jpg";
backgroundImage[2] = "images/focus-on-life.jpg";
backgroundImage[3] = "images/set-into-life.jpg";
backgroundImage[4] = "images/dandelion.jpg";
backgroundImage[5] = "images/flowers.jpg";
backgroundImage[6] = "images/flowers.jpg";

function displayAllImages() {
    var i = 0,
        len = backgroundImage.length;        
    for (; i < backgroundImage.length; i++) {
        
        var img = new Image();
        img.url = backgroundImage[i];
        img.style.width = '160px';
        img.style.height = '120px';
        
        document.getElementById('images').appendChild(img);
    }
};

$(function() {
    displayAllImages();   
});