How to make webpage load more automatically

[hbc]

I have 15-16 pictures on my index but I want to have a “load more” thing at the bottom of the page that automatically loads more picture when user scrolls down in order to use when I add bigger data. How can I do it?

[sandstrom]

This question is too broad to give a definite answer. But I’d look at these two:

• GitHub - ember-infinity/ember-infinity: Simple, flexible Infinite Scroll for Ember CLI Apps.
• GitHub - adopted-ember-addons/ember-collection: An efficient incremental rendering component for Ember.js with support for custom layouts and large lists

[hbc]

Thanks, I looked at the links but since I’m very new at programming and emberJs stuff it is too complicated for me. I installed ember-infinity but that was all I could do… I really don’t know what to do next.

return this.infinityModel("product", { perPage: 12, startingPage: 1 });

This line seems ok but I get the data from JSON api so I don’t know how am I gonna mix these two.