Skip to content
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.