Fixing white space

This commit is contained in:
Ian Gilman 2016-01-06 17:25:58 -08:00
parent 1e7153e88f
commit 0d43f7e01a
2 changed files with 39 additions and 38 deletions

View File

@ -6,10 +6,10 @@
<script type="text/javascript" src='../lib/jquery-1.9.1.min.js'></script> <script type="text/javascript" src='../lib/jquery-1.9.1.min.js'></script>
<style type="text/css"> <style type="text/css">
.openseadragon1 { .openseadragon1 {
width: 800px; width: 800px;
height: 600px; height: 600px;
} }
</style> </style>
</head> </head>

View File

@ -1,41 +1,42 @@
<html> <html>
<title>OpenSeadragon Overlay Demo</title> <title>OpenSeadragon Overlay Demo</title>
<script type="text/javascript" src='../../build/openseadragon/openseadragon.js'></script> <script type="text/javascript" src='../../build/openseadragon/openseadragon.js'></script>
<script type="text/javascript" src='../lib/jquery-1.9.1.min.js'></script> <script type="text/javascript" src='../lib/jquery-1.9.1.min.js'></script>
<style type="text/css"> <style type="text/css">
.openseadragon1 { .openseadragon1 {
width: 800px; width: 800px;
height: 600px; height: 600px;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="contentDiv" class="openseadragon1"></div> <div id="contentDiv" class="openseadragon1"></div>
<div id="annotation-div"> <div id="annotation-div">
<input type="button" value="Hide Overlay" id="hideOverlay"> <input type="button" value="Hide Overlay" id="hideOverlay">
</div>
<script type="text/javascript"> <script type="text/javascript">
var viewer = OpenSeadragon({ var viewer = OpenSeadragon({
id: "contentDiv", id: "contentDiv",
prefixUrl: "../../build/openseadragon/images/", prefixUrl: "../../build/openseadragon/images/",
tileSources: "../data/testpattern.dzi", tileSources: "../data/testpattern.dzi"
}); });
viewer.addHandler("open", function(event) { viewer.addHandler("open", function(event) {
var elt = document.createElement("div"); var elt = document.createElement("div");
elt.style.background = "green"; elt.style.background = "green";
elt.id = "runtime-overlay"; elt.id = "runtime-overlay";
elt.style.border = "1px solid red"; elt.style.border = "1px solid red";
viewer.addOverlay( elt, new OpenSeadragon.Rect(0.2, 0.2, 0.75, 0.75) ); viewer.addOverlay( elt, new OpenSeadragon.Rect(0.2, 0.2, 0.75, 0.75) );
}); });
$("#hideOverlay").click(function(){ $("#hideOverlay").click(function(){
$("#runtime-overlay").toggle(); $("#runtime-overlay").toggle();
}); });
</script> </script>
</body> </body>
</html> </html>