IIIF for Educators

The King is Read!

click to copy lesson html Students are introduced to the practice of "Ekphrasis" to practice "reading" an image/photograph.

The King is Read!

💡 Concept

Detail of engraving "The execution of King Charles I," by unknown artist depicting the beheaded Charles and various figures, with letters identifying each

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

🖥️ Activity

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

👓 Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

🧱 Materials

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

🪜 Steps

Individual v. multiple items
Mixtape allows you to view, crop, and generate manifests for one item, selected items, or the whole collection,  (click to open and close)
  1. Under each item thumbnail are icons for Mirador (viewer), Cropping Tool, IIIF (manifest), and a check box. Use any of these for a single item
  2. To use multiple select items, check their boxes and click the desired function from the icons in the upper right corner
  3. To use the whole collection, leave the boxes unchecked and click any of the icons in the upper right corner
Viewing in Mirador
To load an item for viewing in deep zoom. (click to open and close)
  1. Click the M icon in the thumbnail box to load Mirador
  2. For comparative viewing, check the boxes for items you would like to see, and click the M icon in the upper right corner
  3. Click the +START HERE button in the upper left
  4. Then click the +ADD RESOURCE button on the lower right (the page may jump down a bit)
  5. Paste the manifest URI in the Resource location blank and click ADD. The item should load and display an item bar
  6. Click the item bar to load the item in the viewer
  7. Repeat for additional items
  8. Item windows can be dragged into different configurations using their header bar
  9. Zoom in and out, click through pages, and acclimate yourself to the many viewing settings, including thumbnail, single page, etc.
Cropping a IIIF image
To select a portion of an image (click to open and close)
  1. Select the Cropping icon crop iconin an item thumbnail
  2. Click thumbnail to load in the IIIF Cropping Tool viewer
  3. Zoom and view
  4. To crop a detail from the image, click the white pencil icon, and highlight the desired rectangle by clicking and dragging a rectangle from corner to corner
  5. A thumbnail of your selected detail will appear in a slider at the bottom of the Cropping Tool. You can repeat to collect multiple details.
  6. Click the Copy icon Copy icon on the left side of the thumbnail
Posting with an image
To add image details to a discussion post (click to open and close)
  1. Click Reply
  2. To enter your image details, simply paste into the text field
  3. Images can be manually resized by highlighting and dragging their corners
  4. Repeat for additional images

✉️ Share

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

🤝 Collaborate

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

copyright 2026