i have problem using annotorious on page web. have display openseadragon pictures,on page, did, , able annotate images. used source code of page http://annotorious.github.io/demos/openseadragon-preview.html , doen't work, see button "add annotate" on page all, can't select zone write something. need please, source code :
<!doctype html> <html> <head> <?php include 'includes/navbar.php' ?> <?php include 'includes/connect_bdd.php';?> <title>annotorious - image annotation web</title> <link type="text/css" rel="stylesheet" media="all" href="annotorious/css/highlight.css" /> <script type="text/javascript" src="jquery-1.11.3.min.js"></script> <script src="openseadragon.min.js"></script> <script type="text/javascript" src="annotorious/annotorious.min.js"></script> <style> #map-annotate-button { position:absolute; top:3px; right:3px; background-color:#000; color:#fff; padding:3px 8px; z-index:10000; font-size:11px; text-decoration:none; } </style> <script> function annotate() { var button = document.getelementbyid('map-annotate-button'); button.style.color = '#777'; anno.activateselector(function() { // reset button style button.style.color = '#fff'; }); } function init() { var viewer = openseadragon({ id: "openseadragon", prefixurl: "images/", shownavigator: false, tilesources:"photodzi/tcga-bh-a1es-01z-00-dx1.c54c809f-748f-4bb0-b018-a8a83a4134c0.svs.dzi" }); anno.makeannotatable(viewer); } </script> </head> <body onload="init()";> <div class="content"> <div class="content-inner"> <div style="position:relative; width:640px; height:400px; margin-bottom:20px;"> <div id="openseadragon" style="width:640px; height:400px; background-color:#fff;"></div> <a id="map-annotate-button" onclick="annotate(); return false;" href="#">add annotation</a> </div> <h4>about</h4> <?php $req = $bdd->query('select * miniatures titre=\'' . $_get['titre'] . '\''); $image = $req->fetch(); ?> <?php $req->closecursor(); ?> </div> </div><!--/.sidebar-offcanvas--> <script type="text/javascript"> jquery(document).ready(function(){ jquery('pre.code').highlight({source:0, zebra:1, indent:'space', list:'ol'}); }); </script> </body> </html>
i tried code latest openseadragon , own dzi , took out php , inserted text , replaced hightlight.css with
"/theme-dark/annotorious-dark.css"
and seems work..
Comments
Post a Comment