Image Gallery

Image Gallery is used to represent a set of images in the form of a gallery

Format

HTML

<div data-type="composite" data-subtype="image-gallery">
  <img src=....
       data-title="Some image caption"
       data-image-attribution="some image attribution" 
       data-alt-text="some alt text"
       >
  ..............
</div>

JSON

{
  "type": "composite",
  "subtype": "image-gallery",
  "metadata": {
    "type": "slideshow"
  },
  "story-elements": [
    {
      "type": "image",
      "subtype": null,
      "title": "Some image caption",
      "image-attribution": "some image attribution",
      "alt-text": "some alt text",
      "description": "",
      "url": "https://test.com/image.jpg",
      "link-url": null
    },
    {
      "...": "..."
    }
  ]
}

Schema

Key	Type
type	String, Value should be `composite`
subtype	String, Value should be `image-gallery`
metadata	Object
story-elements	Array of Image Story Element Objects

metadata

Key	Type
type	String, Value should be `slideshow`