How to make webpage load more automatically

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?

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

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.