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

Clicking into thumbnails (m2)

Browse Source
This commit is contained in:
Ian Gilman 2015-01-08 14:04:31 -08:00
parent c3d9b102c5
commit 3956e6013a
1 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -41,6 +41,7 @@
this.viewer = OpenSeadragon({
id: "contentDiv",
prefixUrl: "../../../build/openseadragon/images/",
// zoomPerClick: 1,
tileSources: tileSources
});
@ -48,6 +49,26 @@
self.setMode('thumbs');
});
this.viewer.addHandler('canvas-click', function(event) {
if (self.mode !== 'thumbs') {
return;
}
var pos = self.viewer.viewport.pointFromPixel(event.position);
var count = self.viewer.world.getItemCount();
var item, box;
for (var i = 0; i < count; i++) {
item = self.viewer.world.getItemAt(i);
box = item.getBounds();
if (pos.x > box.x && pos.y > box.y && pos.x < box.x + box.width &&
pos.y < box.y + box.height) {
self.setMode('page', i);
break;
}
}
});
$.each(this.modeNames, function(i, v) {
$('.' + v).click(function() {
self.setMode(v);
@ -89,13 +110,21 @@
},
// ----------
setMode: function(mode) {
setMode: function(mode, page) {
if (this.mode === mode) {
if (page !== undefined) {
this.goToPage(page);
}
return;
}
this.mode = mode;
if (page !== undefined) {
this.page = page; // Need to do this before layout
}
if (this.mode === 'thumbs') {
this.doThumbnails();
}
@ -112,6 +141,10 @@
this.doPage();
}
if (page !== undefined) {
this.goToPage(page); // Need to do this after layout; does the zoom/pan
}
this.update();
},
@ -160,11 +193,12 @@
var count = this.viewer.world.getItemCount();
var x = 0;
var y = 0;
var points = [];
var item;
for (var i = 0; i < count; i++) {
item = this.viewer.world.getItemAt(i);
item.setPosition(new OpenSeadragon.Point(x, y));
points.push(new OpenSeadragon.Point(x, y));
if (config.columns && i % config.columns === config.columns - 1) {
x = 0;
y += item.getBounds().height + config.buffer;
@ -176,6 +210,13 @@
x += 1;
}
}
var tl = this.viewer.world.getItemAt(this.page).getBounds().getTopLeft();
var offset = tl.minus(points[this.page]);
for (i = 0; i < count; i++) {
item = this.viewer.world.getItemAt(i);
item.setPosition(points[i].plus(offset));
}
},
// ----------