-
Notifications
You must be signed in to change notification settings - Fork 1
/
osd.html
50 lines (48 loc) · 1.81 KB
/
osd.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144470321-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-144470321-1');
</script>
<meta charset="utf-8" />
<link rel='stylesheet'
type='text/css'
media='screen'
href='style.css'/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/openseadragon/2.4.0/openseadragon.min.js"></script>
</head>
<body>
<div id="openseadragon1" class="openseadragon"></div>
<script type="text/javascript">
//var p = "http://imagebox.ebremer.com/iiif/?iiif=https://s3.amazonaws.com//ebremeribox/image.svs";
//var p = "https://storage.googleapis.com/imagebox_test/Slide-0027816_Y345170_1002394.svs";
var p = "http://imagebox.ebremer.com/iiif/?iiif=https://episphere.s3.amazonaws.com/public/Slide-0027816_Y345170_1002394.svs"
console.log("image ID : "+p);
var viewer1 = OpenSeadragon({
id: "openseadragon1",
preserveViewport: true,
visibilityRatio: 1,
minZoomLevel: 1,
defaultZoomLevel: 1,
prefixUrl: "/openseadragon/images/",
tileSources: {
"@context": "http://iiif.io/api/image/2/context.json",
"@id": p,
"height": 25362,
"width": 75696,
"profile": [ "http://iiif.io/api/image/2/level2.json" ],
"protocol": "http://iiif.io/api/image",
"tiles": [{
"scaleFactors": [ 1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048, 4096, 8192, 16384, 32768, 65536, 131072, 262144, 524288, 1048576],
"width": 256
}]
}
});
</script>
</body>
</html>