Thumbnail Panel

• Demo
• Code
• Code Sandbox

Installation

npm i @iiif/thumbnail-panel

Overview

The thumbnail-panel component is designed for implementations in consuming applications where a user can provide pressable thumbnails representing the Canvas items of a Manifest. This component is intended to complement a canvas component such as OpenSeadragon, Canvas Panel, or an HTML5 video element. The thumbnail-panel is designed to interpret CLIENT requirements of the Manifest and Canvas layout behavior (or viewingHint) and viewingDirection properties according the IIIF Presentation 3.0 API specification.

Features

• JavaScript (web component) and React.js
• Accomodates behavior property (or viewingHint)
• Accomodates viewingDirection property
• Curent, Next, and Previous resourceIds callback
• Customizable thumbnail size
• Lazy loading of thumbnail images
• Minimal styling