index.json

{
  "$jason": {
    "head": {
      "title": "image"
    },
    "body": {
      "header": {
        "menu": {
          "text": "View JSON",
          "href": {
            "url": "https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/image/index.json",
            "view": "web"
          }
        }
      },
      "sections": [{
        "header": {
          "type": "label",
          "style": {
            "background": "#f5f5f5"
          },
          "text": "Full width image"
        },
        "items": [{
          "type": "image",
          "style": {
            "width": "100%",
            "padding": "0"
          },
          "url": "http://i8.mangareader.net/ito-junjis-cat-diary/1/ito-junjis-cat-diary-2241289.jpg"
        }]
      }, {
        "header": {
          "type": "label",
          "style": {
            "background": "#f5f5f5"
          },
          "text": "rounded image"
        },
        "items": [{
          "type": "vertical",
          "style": {
            "padding": "50",
            "background": "#0000ff",
            "align": "center"
          },
          "components": [{
            "type": "image",
            "url": "https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2.jpeg",
            "style": {
              "width": "200",
              "corner_radius": "100"
            }
          }]
        }]
      }, {
        "header": {
          "type": "label",
          "style": {
            "background": "#f5f5f5"
          },
          "text": "rounded image with transparency"
        },
        "items": [{
          "type": "vertical",
          "style": {
            "padding": "50",
            "background": "#0000ff",
            "align": "center"
          },
          "components": [{
            "type": "image",
            "url": "https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2.jpeg",
            "style": {
              "width": "200",
              "opacity": "0.3",
              "corner_radius": "100"
            }
          }]
        }]
      }, {
        "header": {
          "type": "label",
          "style": {
            "background": "#f5f5f5"
          },
          "text": "animated gif"
        },
        "items": [{
          "type": "image",
          "url": "https://media.giphy.com/media/13CoXDiaCcCoyk/giphy.gif",
          "style": {
            "padding": "0",
            "width": "100%"
          }
        }]
      }]
    }
  }
}