diff --git a/test/demo/item-animation.html b/test/demo/item-animation.html
index 27d3540f..a6cbf3a6 100644
--- a/test/demo/item-animation.html
+++ b/test/demo/item-animation.html
@@ -30,20 +30,36 @@
this.index = 0;
+ var tileSource = {
+ Image: {
+ xmlns: "http://schemas.microsoft.com/deepzoom/2008",
+ Url: "http://openseadragon.github.io/example-images/highsmith/highsmith_files/",
+ Format: "jpg",
+ Overlap: "2",
+ TileSize: "256",
+ Size: {
+ Height: "9221",
+ Width: "7026"
+ }
+ }
+ };
+
var tileSources = [];
for (var i = 0; i < this.itemCount; i++) {
- tileSources.push('../data/testpattern.dzi');
+ tileSources.push(tileSource);
}
this.viewer = OpenSeadragon({
- showNavigationControl: false,
- mouseNavEnabled: false,
id: "contentDiv",
prefixUrl: "../../build/openseadragon/images/",
tileSources: tileSources
});
this.viewer.addHandler('open', function() {
+ self.viewer.viewport.fitBounds(new OpenSeadragon.Rect(0, 0,
+ self.positionRange + self.sizeRange,
+ self.positionRange + self.sizeRange));
+
self.animate();
});
},
@@ -59,7 +75,6 @@
item.setWidth(Math.random() * this.sizeRange);
this.index = (this.index + 1) % this.viewer.world.getItemCount();
- this.viewer.viewport.goHome();
setTimeout(function() {
self.animate();