StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PODisplaying 30 Instagram Images of certain tag of certain userID
text
Body
copied!<p>I have an Instagram API call that requests images tagged with CrookedSpaces, when those images return I am filtering the data making sure that only images from a certain user (using their userID), the code follows:</p> <pre><code>$(function() { $.ajax({ type: "GET", dataType: "jsonp", cache: false, url: "https://api.instagram.com/v1/tags/crookedspaces/media/recent/?count=100&access_token=TOKEN", success: function(data) { for (var i = 0; i < 31; i++) { var igUID = data.data[i].user.id; if(igUID === "USER ID") { $(".instagram").append("\ <div class='instagram-feed'>\ <img class='instagram-image' src='" + data.data[i].images.standard_resolution.url +"' width='325px' alt='" + data.data[i].user.id + " " + igUID + "' onMouseOver=\"toggle_visibility('igImageHover" + i + "');\"/>\ <div class='igHover' id='igImageHover" + i + "' onMouseOut=\"toggle_visibility('igImageHover" + i + "');\">\ <div class='igHover2'>\ SMALL TEST!\ </div />\ </div>\ </div>\ "); } else { console.log("Else portion of code ran " + elseCount + " time(s)."); ++elseCount; } } } }); }); </code></pre> <p>However, I am only able to display 27 images because there are 4 images not posted by that specific userID. Is there some way to force the for loop to not increment? Or to subtract 1 from i without sending the code into an infinite loop?</p> <p>Here is the JSFiddle -- <a href="http://jsfiddle.net/UQcZP/" rel="nofollow">http://jsfiddle.net/UQcZP/</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload