Limit:1, SortBy:random - always returns same image

[fi5u]

Not sure if a bug or my settings:

var userFeed = new Instafeed({ get: 'user', userId: xxx, accessToken: 'xxx', template: '<div id="instaHeader" class="instaHeader" style="background-image:url({{image}});height:'+windowHeight+'px;"></div>', links: false, sortBy: 'random', limit: 1, resolution: 'standard_resolution' }); userFeed.run();

[stevenschobert]

Hey! Thanks for bringing this up. It's not really a bug, it's actually just the way Instafeed.js was built:

While the sortBy option takes is all on the client side (via Instafeed.js), the limit option actually comes from Instagram's API (that's why there's a max of 60).

The limit option sends a COUNT parameter in the API call to Instagram, so setting limit: 1 would only return 1 single image from Instagram. So then when it sorts that 1 image on the client side, you would always get the same image.

---

If you want to have just 1 random image, I would suggest raising the limit option, and then hiding the extra images other way. Either via CSS or some additional JavaScript.

For example you could pass a function into the after callback:

var feed = new Instafeed({
    limit: 20,
    sortBy: 'random',
    // other stuff
    after: function () {
        var images = $("#instafeed").find('a');
        $(images.slice(1, images.length)).remove();
    }
});

This will remove all the children from #instafeed except for 1.

[fi5u]

Ok, I understand. Thanks for the explanation, I'll use your example in my implementation.
Tommy