Micrio Knowledge Base

Appearance

Micrio as IIIF Viewer client ​

The Micrio Javascript client can be transparently used to view existing IIIF-hosted zoomable images.

For example, the following uses the University of Princeton image server https://libimages1.princeton.edu/ as IIIF source with the <micr-io>-tag:

A single image ​

html
<micr-io id="https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000003.jp2" fullscreen></micr-io>
<micr-io id="https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000003.jp2" fullscreen></micr-io>

Results in this (fully zoomable):

A list of images ​

You can also specify a list of image sources, to be able to quickly navigate through them:

html
<micr-io fullscreen gallery="https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000001.jp2;https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000002.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000003.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000004.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000005.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000006.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000007.jp2">
</micr-io>
<micr-io fullscreen gallery="https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000001.jp2;https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000002.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000003.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000004.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000005.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000006.jp2;
https://libimages1.princeton.edu/loris/pudl0001%2F4609321%2Fs42%2F00000007.jp2">
</micr-io>

Results in: