mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-22 13:16:10 +03:00
Code Issues Projects Releases Wiki Activity

Detail on/off button (m2)

Browse Source
This commit is contained in:
Ian Gilman 2015-03-09 15:32:38 -07:00
parent 7675cf1bc6
commit 815cbd6019
3 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
test/demo/m2/index.html
View File

@ -7,7 +7,7 @@
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="js/main.js"></script>
<script src="js/page.js"></script>
<!-- <script src="js/harvard-tilesources.js"></script> -->
<script src="js/harvard-tilesources.js"></script>
<script src="js/openseadragon-svg-overlay.js"></script>
<style type="text/css">
@ -66,6 +66,7 @@
<button class="scroll">Scroll</button>
<button class="book">Book</button>
<button class="page">Page</button>
<label><input class="details" type="checkbox">Show Detail Overlays</label>
<div class="nav">
<button class="previous">Previous</button>
<button class="next">Next</button>

24
test/demo/m2/js/main.js
View File

@ -77,6 +77,16 @@
self.previous();
});
this.$details = $('.details')
.prop('checked', true)
.change(function() {
if (self.$details.prop('checked')) {
self.showDetails();
} else {
self.hideDetails();
}
});
$(window).keyup(function(event) {
if (self.mode === 'thumbs') {
return;
@ -178,6 +188,20 @@
});
},
// ----------
hideDetails: function() {
$.each(this.pages, function(i, v) {
v.removeDetails();
});
},
// ----------
showDetails: function() {
$.each(this.pages, function(i, v) {
v.addDetails();
});
},
// ----------
hitTest: function(pos) {
var count = this.pages.length;

20
test/demo/m2/js/page.js
View File

@ -75,6 +75,10 @@
}
$.each(this.details, function(i, v) {
if (v.tiledImage) {
return;
}
App.viewer.addTiledImage({
tileSource: v.tileSource,
success: function(event) {
@ -85,6 +89,22 @@
});
},
// ----------
removeDetails: function() {
var self = this;
if (!this.details) {
return;
}
$.each(this.details, function(i, v) {
if (v.tiledImage) {
App.viewer.world.removeItem(v.tiledImage);
delete v.tiledImage;
}
});
},
// ----------
getBounds: function() {
return this.bounds.clone();