JSFiddle - React, Tailwind, and code Playground
HTML
<div id="test"></div>
CSS
a.fancybox {
opacity:0;
}
JavaScript
function imgBuilder(data){
$.each(data.photos.photo,function(i,rPhoto){
var base = 'http://farm' + rPhoto.farm + '.static.flickr.com/' + rPhoto.server + '/' + rPhoto.id + '_' + rPhoto.secret,
thumb = base + '_m.jpg',
large = base + '_b.jpg',
imageL = '<a class="fancybox" rel="group" ' + 'title="' + rPhoto.title + '" href="'+ large +'"><img src="' + thumb + '" alt="' + rPhoto.title + '"/></a>';
/** something here **/
$(imageL).appendTo("#test").animate({opacity:1},400);
});
}
$.getJSON("http://www.rockfm.mx/jsonApps/jsonnewsfeed.php", imgBuilder);