title: Json lazy loading images
body: <p>I have this Json file</p>
  
  <pre><code>http://localhost/mediamonks-15-years-gritt-glamour-website/deploy/htdocs/api/folder/Leuke%20Mensen/images
  </code></pre>
  
  <p>This is how i get the images from the API</p>
  
  <pre><code>$.ajax('http://localhost/mediamonks-15-years-gritt-glamour-website/deploy/htdocs/api/folder/Leuke%20Mensen/images').then(response =&gt;
      {
          var temp = [];
          for(var i = 0; i&lt;response.length; i++){
              temp.push('http://d1ftcqzt8gr3o4.cloudfront.net/'+response.data[i].thumb);
          }
          this.thumbnails(temp);
  
          var images = response.data.map((data:IImageData) =&gt;
          {
              return {
                  big: 'http://d1ftcqzt8gr3o4.cloudfront.net/'+ data.big,
                  thumb: 'http://d1ftcqzt8gr3o4.cloudfront.net/'+ data.thumb
              }
          });
          this.images(images);
      });
  </code></pre>
  
  <p>So my question is: What is the best way to only get 10 images. Can i just do it with code or would be better of changing the api so that it wraps every 10 images into another object?</p>