JSFiddle - React, Tailwind, and code Playground
http://pt.stackoverflow.com/questions/35396
HTML
<script src="https://rawgit.com/stevenschobert/instafeed.js/master/instafeed.min.js"></script>
<button onclick="doAPI();">Fornecer Client ID e rodar</button>
<br />
<h3>Rock Tag</h3>
<div id="rockTag"></div>
<h3>Glass Tag</h3>
<div id="glassTag"></div>
<h3>Wood Tag</h3>
<div id="woodTag"></div>
CSS
.insta-pic {
background-color: #fcc;
padding: 5px;
margin: 5px;
width: 150px;
height: 150px;
float: left;
}
h3 {
float: left;
clear:both;
margin: 1em auto;
}
JavaScript
function getMultipleTags (tags,client) {
var feeds = [];
for (var i=0, len=tags.length; i < len; i++) {
feeds.push(new Instafeed({
// rest of your options
get: 'tagged',
tagName: tags[i],
target: tags[i] + "Tag",
limit: 3,
clientId: client,
template: '<div class="insta-pic"><a href="{{link}}"><img src="{{image}}" /></a></div>'
}));
}
return feeds;
}
function doAPI() {
var client = window.prompt("Sua ID:", '');
if( client ) {
// get multiple tags
var myTags = getMultipleTags(['glass', 'wood', 'rock'],client);
// run each instance
for(var i=0, len=myTags.length; i < len; i++) {
myTags[i].run();
}
}
}