A Mirador plugin that allows users to disable (and re-enable) zoom controls per window.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
images
src
README.md
gulpfile.js
package.json

README.md

mirador-disable-zoom

window zoom disable button

When interacting with Mirador on touch devices, users report that they sometimes unintentionally change the zoom level. This plugin adds a button to each window in Mirador that a user can click/touch to disable zooming on that window, until the user does one of the following:

  • replaces the current window object with a new object (via the list of loaded manifests)
  • moves to a different canvas in the same object
  • changes the view type (BookView -> ImageView, and vice versa)

Setup

You can find production-ready build artifacts inside the 'dist/' folder.

Alternatively, clone this repository and do:

npm install
gulp

Now look in the 'dist/' folder. Drop these files into your Mirador build output directory and point your webpage to them:

<!DOCTYPE html>
<html>
    <head>
        ...
        <link rel="stylesheet" type="text/css" href="mirador-combined.css">
        <link rel="stylesheet" type="text/css" href="MiradorDisableZoom.min.css">
        ...
    </head>
    <body>
        <div id="viewer"></div>

        <script src="mirador.js"></script>
        <script src="MiradorDisableZoom.min.js"></script>

        <script type="text/javascript">

        $(function() {
            Mirador({
                ...