Home
DescriptionDiva.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 version 3 image manifests.
- Complete re-organization of the source code. Diva has been largely rewritten to ES6, utilizing its new class syntax. We also use WebPack, Karma, and Mocha (with Chai). The source code is more structured and clearly modularized, and code debugging is easier.
- Complete removal of external dependencies, namely JQuery.
- The metadata plugin.
- New plugins can now be easily hooked as toolbar plugins, instead of just page-tool plugins.
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.
There are two main components to a Diva.js install:
- A IIIF-compatible image server to host the IIIF manifests to be displayed.
- The Diva.js viewer itself. Diva is embedded in your web page and displays the images.