Simple Mirador - The Simple Example

This extension uses the IIIF image viewer Mirador to produce a customised presentation of a bespoke selection of IIIF manifests[1]. It is an example of a special page that can be added and presented using the simple-site project.

For more information about the simple-site project and details about how this example work please see the simple-site webpages.

The Viewer


The Mirador JSON File

{
    "manifests": {
        "https://media.ng-london.org.uk/iiif/001-0145-0000/manifest.json": {
            "provider": "The National Gallery, London"
        },
        "https://media.nga.gov/public/manifests/nga_highlights.json": {
            "provider": "National Gallery of Art"
        }
    }
}
The complete mirador JSON file used to define the manifests and images presented in this example.

Page JSON Object

{
    "parent": "Examples",
    "class": "mirador",
    "file": "mirador-simple.json",
    "title": "<b>Simple Mirador</b> - The Simple Example",
    "content": "<p>This extension uses the [IIIF|https://iiif.io] image viewer [Mirador|https://projectmirador.org/] to produce a customised presentation of a bespoke selection of IIIF manifests[@@IIIF manifests are simply a structured list of web based images resources that can be viewed in a IIIF compliant viewer, for more details see https://iiif.io/api/presentation/2.1/#table-of-contents]. It is an example of a special page that can be added and presented using the [simple-site|https://github.com/jpadfield/simple-site] project.</p>\r\n\r\n<p><b>For more information about the simple-site project and details about how this example work please see the [simple-site webpages|https://jpadfield.github.io/simple-site/].</b></p>\r\n\r\n<div class=\"alert alert-info\" role=\"alert\"><h4 class=\"alert-heading\">Summary</h4><p>This simple example page has been created using only the manifest section of the [mirador JSON file|https://jpadfield.github.io/simple-site/IIIF%20viewer.html].</p></div>\r\n\r\n<h3>The Viewer</h3>\r\n[##]",
    "content right": "",
    "displaycode": true,
    "name": "Simple Example"
}
The complete JSON object used to define this content and layout of this page.