# How to make webpage load more automatically
**URL:** https://discuss.emberjs.com/t/how-to-make-webpage-load-more-automatically/10844
**Category:** Ember Data
**Created:** [June 3, 2016, 3:44pm UTC](https://discuss.emberjs.com/t/how-to-make-webpage-load-more-automatically/10844 "2016-06-03T15:44:09Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@hbc](https://discuss.emberjs.com/u/hbc)
#### Post date: [June 3, 2016, 3:44pm UTC](https://discuss.emberjs.com/t/how-to-make-webpage-load-more-automatically/10844/1 "2016-06-03T15:44:09Z")
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?
---
### Author:  [@sandstrom](https://discuss.emberjs.com/u/sandstrom)
#### Post date: [June 3, 2016, 11:40pm UTC](https://discuss.emberjs.com/t/how-to-make-webpage-load-more-automatically/10844/2 "2016-06-03T23:40:40Z")
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.](https://github.com/hhff/ember-infinity)
- [GitHub - adopted-ember-addons/ember-collection: An efficient incremental rendering component for Ember.js with support for custom layouts and large lists](https://github.com/emberjs/ember-collection)
---
### Author:  [@hbc](https://discuss.emberjs.com/u/hbc)
#### Post date: [June 7, 2016, 11:23am UTC](https://discuss.emberjs.com/t/how-to-make-webpage-load-more-automatically/10844/3 "2016-06-07T11:23:22Z")
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.