Eric Han Liu edited this page Aug 13, 2018 · 54 revisions


Diva.js is an open-source document image viewer, especially suited for use in archival book digitization initiatives where viewing high-resolution images is a crucial part of the user experience. Using Diva, libraries, archives, and museums can present high-resolution document page images in a user-friendly “instant-on” interface that has been optimized for speed and flexibility.

Version 6.0 contains many new features and improvements:

  • Compatibility with IIIF Presentation API version 2.1 and 3.
  • Small footprint, zero dependencies. Can be deployed with just a JavaScript and a CSS file.
  • Rewritten in ES6 for compatibility with the new JavaScript module system.
  • New plugins: Metadata, Image Manipulation

To browse through the pages within a document, simply scroll through the document panel using the scroll wheel, the scrollbar or the arrow keys. To zoom in, either click the plus button or double-click the page you are viewing. To zoom out, click the minus button or hold control while double-clicking the current page. Note that on a touch screen, the usual touch gestures will work to zoom-in, zoom-out and scroll. Change views and enter fullscreen mode by clicking the icons above the viewer pane on the upper right.

Setup and Installation

There are two main components to a Diva.js install:

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.