Skip to content
This repository has been archived by the owner on Sep 6, 2024. It is now read-only.

Annotorious Toolbar settings #50

Open
SilverSaan opened this issue Jun 28, 2024 · 0 comments
Open

Annotorious Toolbar settings #50

SilverSaan opened this issue Jun 28, 2024 · 0 comments

Comments

@SilverSaan
Copy link

SilverSaan commented Jun 28, 2024

Made a minimal setup with OpenSeaDragon, OSD Annotorious Plugin and the Toolbar and tried to add the setting withMouse:true and withTooltip:true
Neither the button mouse appears or Tooltips appear on hover, are those features dev only? Do I have to install something else for them to work? The example was basically copypasted from the one in /src

(Running on Apache with XAMPP)

<!DOCTYPE html>
<html>
  <head>
    <title>Annotorious | Toolbar</title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/build/openseadragon/openseadragon.min.js"></script>    
<script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-openseadragon@latest/dist/openseadragon-annotorious.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@recogito/annotorious-openseadragon@latest/dist/annotorious.min.css">
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@recogito/annotorious-toolbar@latest/dist/annotorious-toolbar.min.js"></script>


    <style>
      html, body, #osd-image {
        padding:0;
        margin:0;
        width:100%;
        height:100%;
      }
    </style>
  </head>
  <body>
    <div id="toolbar-container"></div>
    <div id="osd-image"></div>
    <script>
      window.onload = function() {
        // Initialize OpenSeadragon
        var viewer = OpenSeadragon({
          id: "osd-image",
          prefixUrl: "https://cdn.jsdelivr.net/npm/[email protected]/build/openseadragon/images/",
          tileSources: {
            type: "image",
            url: "image.png" 
          }
        });

        var anno = OpenSeadragon.Annotorious(viewer);
        Annotorious.Toolbar(anno, document.getElementById('toolbar-container'), { withMouse: true,withTooltip:true });
      }
    </script>
  </body>
</html>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant