search

firemountain / basic-meteor-app

0 stars 0 forks source link

Carousel #3

Open firemountain opened 7 years ago

firemountain commented 7 years ago

If the image returned from Instagram API has an array for "carousel_media" : [ ]

we want to insert each carousel image in the <div class="carousel> screenshot 2017-06-16 18 16 23

From Instagram API Here is a "carousel_media" : [ ] example 

/*------------
Carousel Example
-------------*/

{
  "data": {
      "type": "image",
      "users_in_photo": [{
          "user": {
              "username": "kevin",
              "full_name": "Kevin S",
              "id": "3",
              "profile_picture": "..."
          },
          "position": {
              "x": 0.315,
              "y": 0.9111
          }
      }],
      "filter": "Walden",
      "tags": [],
      "comments": {
          "count": 2
      },
      "caption": null,
      "likes": {
          "count": 1
      },
      "link": "http://instagr.am/p/D/",
      "user": {
          "username": "kevin",
          "full_name": "Kevin S",
          "profile_picture": "...",
          "id": "3"
      },
      "created_time": "1279340983",
      "images": {
          "low_resolution": {
              "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41ca_6.jpg",
              "width": 306,
              "height": 306
          },
          "thumbnail": {
              "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41ca_5.jpg",
              "width": 150,
              "height": 150
          },
          "standard_resolution": {
              "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_7.jpg",
              "width": 612,
              "height": 612
          }
      },
      "carousel_media": [
          {
              "images": {
                  "thumbnail": {
                      "width": 150,
                      "height": 150,
                      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372_6.jpg"
                  },
                  "low_resolution": {
                      "width": 320,
                      "height": 320,
                      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372_5.jpg"
                  },
                  "standard_resolution": {
                      "width": 640,
                      "height": 640,
                      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372_7.jpg"
                  }
              },
              "users_in_photo": [{
                  "user": {
                      "id": "4758430517",
                      "full_name": "radkul",
                      "profile_picture": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372_6.jpg",
                      "username": "igradkul"},
                      "position": {
                          "x": 0.6773333333333333,
                          "y": 0.36
                      }
                  }
              ],
              "type": "image"
          },