Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Digital Collection Toolkit: IIIF Viewers - Mirador

IIIF & Mirador Intro.

Mirador is an open-source, web based image viewing platform that enables you to zoom, display, and compare digitized images from libraries, museums, and other cultural institutions around the world. This site provides tutorials on how to use the UWM Libraries' local instance of a Mirador 3 viewing platform, and how to find images to add to your Mirador exhibits.

Stanford University provides a helpful guide to using Mirador v 3 (Version 3 is the version UWM Libraries are hosting): https://library.stanford.edu/blogs/stanford-libraries-blog/2019/05/introducing-mirador-3-next-generation-image-comparison-viewer

For more information on what IIIF (International Image Interoperability Framework) is all about, visit the IIIF home: https://iiif.io/

IIIF How-to's

To try Mirador viewer, you will need the address of a Mirador viewer instance. 

To view IIIF resources in the Mirador viewer, you need to construct the URL of the IIIF Presentation API manifest. The following is the formula to generate the manifest URL of resources in the libraries' digital collections. 

Note: The IIIF Manifest URL is linked in the digital collection. Access the object's metadata to copy/paste the URL into the Mirador Viewer. 

Follow the video tutorials on the next tab to explore the Mirador viewer. 

 

Mirador 3 Introduction

Mirador 3 Workspace export/import 

Mirador Guide: Screen Captures

Start with an empty Mirador viewer by using the following link: https://liblamp.uwm.edu/IIIF/mirador3.html. Click "Start Here" to begin adding images to the viewer.

Click "Add Resource."  You will be prompted to add the URL of an IIIF Resource.  

To find the resource location, navigate to a UWM Libraries Digital Collection.  When you have located the image that you want to add to the Mirador Viewer, click the "M" located on the top right-hand corner of the image's page.  Next, click the "i" located at the top right-hand corner of the page to view the image's metadata. Scroll down to "Links," and copy the link listed as "IIIF Manifest."

Paste the IIIF Manifest link and click "Add."

The image, or IIIF Resource, is now listed in the Mirador Viewer. To open the image, click the listing.

In the upper left-hand corner is the Toggle Sidebar.  Click the sidebar to access information about the image. 

In the upper right-hand corner, the first button accesses "Window views & thumbnail display" where you can choose to view images in single, book, and gallery view.  You can also turn off thumbnails or reposition them. To add another resource to the viewer, click the blue circle "Add Resource" button in the upper left-hand corner, then click "Add Resource" at the bottom right-hand corner. 

Repeat the earlier process to add multiple resources to the Mirador Viewer. Navigate to the desired image in a digital collection, click "M" to open the image in the viewer, then "i" to access the image's metadata, scroll down to "Links", and copy the link listed as "IIIF Manifest." Paste the URL in the "Resource Location" field, and press "Add."

Click on the image to open.

You can view both images side-by-side. 

To close an image, click on the "x."

Click on "Window views and thumbnail display."

Choose book view, particularly if the image is a periodical or a book. 

Use the arrows to turn the pages. 

Information Process Consultant

Jie Chen's picture
Jie Chen
Contact:
DC&I
UWM Libraries