JSFiddle - React, Tailwind, and code Playground

CSS

a{
    display : block;
    width : 100px;
    height : 20px;
}

JavaScript

var test  = {
     image_1:{img_src:"img.jpg",url:"google.com"},
     image_2:{img_src:"img2.jpg",url:"google2.com"}
    };

var data = {};
for (x in test)
{
    var test[x] = {};
    data.content = "<div class='slide_inner'><a class='photo_link' href='"+test[x]["url"]+"'><img class='photo' src='"+test[x]["img_src"]+"' alt='TR'></a></div>";
    data = $.extend({},data,data)
}

    document.write(data);
    console.log(data);



/*data =  {
    "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='"+test[x]['img_src']+"' alt='TR'></a><a class='caption' href='test[x]['img_url']'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>"
};*/