JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container-fluid" id="myElement">
<img id="images1"> </img>
<img id="images2"> </img>
<img id="images3"> </img>
<img id="images4"> </img>
<img id="images5"> </img>
</div>
JavaScript
function json2array() {
var data = {
"images1": "http://favbulous.com/wp-content/uploads/2014/12/beard_12-188x135.jpg",
"images2": "http://favbulous.com/wp-content/uploads/2014/12/beard_12-188x135.jpg",
"images3": "http://favbulous.com/wp-content/uploads/2014/12/beard_12-188x135.jpg",
"images4": "http://favbulous.com/wp-content/uploads/2014/12/beard_12-188x135.jpg",
"images5": "http://favbulous.com/wp-content/uploads/2014/12/beard_12-188x135.jpg"};
var keys = Object.keys(data);
keys.forEach(function(key) {
$("#" + key).attr('src', data[key]);
});
}
json2array();