Identifying a Timeline Image

To connect an image to the timeline, you'll be adding an attribute @timeline to the selected image that is in use in your xml file. For instance, in Mary Shelley's Frankenstein, Shelley's portrait, which is used in an annotation, appears in the timeline. See the following encoding, noting specifically @timeline attribute:

<graphic type="timeline" url="notes/Mary-Shelley.jpg" source="https://collectionimages.npg.org.uk/large/mw05761/Mary-Wollstonecraft-Shelley.jpg" alt="A portrait of Mary Shelley, painted by Richard Rothwell (1840), showing a white woman in a black early Victorian gown and typical hairstyle, against an abstracted domestic interior." desc="Portrait of Mary Shelley (1840), by Richard Rothwell, via the National Portrait Gallery (UK)."/>

The @desc attribute that provides the image caption in the annotation also appears as the caption in the timeline.