forked from ruven/iipmooviewer
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-dev.html
118 lines (98 loc) · 4.62 KB
/
index-dev.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="DC.creator" content="Ruven Pillay <[email protected]>"/>
<meta name="DC.title" content="IIPMooViewer 2.0: HTML5 High Resolution Image Viewer"/>
<meta name="DC.subject" content="IIPMooViewer; IIPImage; Visualization; HTML5; Ajax; High Resolution; Internet Imaging Protocol; IIP"/>
<meta name="DC.description" content="IIPMooViewer is an advanced javascript HTML5 image viewer for streaming high resolution scientific images"/>
<meta name="DC.rights" content="Copyright © 2003-2012 Ruven Pillay"/>
<meta name="DC.source" content="http://iipimage.sourceforge.net"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<link rel="stylesheet" type="text/css" media="all" href="css/iip.css" />
<!--[if lt IE 10]>
<meta http-equiv="X-UA-Compatible" content="IE=9" >
<link rel="stylesheet" type="text/css" media="all" href="css/ie.css" />
<![endif]-->
<!-- Basic example style for a 100% view -->
<style type="text/css">
body{
height: 100%;
padding: 0;
margin: 0;
}
div#viewer{
height: 100%;
min-height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
</style>
<link rel="shortcut icon" href="images/iip-favicon.png" />
<link rel="apple-touch-icon" href="images/iip.png" />
<title>IIPMooViewer 2.0 :: HTML5 High Resolution Image Viewer</title>
<script type="text/javascript" src="src/mootools-core-1.5.1-full-nocompat.js"></script>
<script type="text/javascript" src="src/mootools-more-1.5.1.js"></script>
<!-- Main iipmooviewer include -->
<script type="text/javascript" src="src/iipmooviewer-2.0.js"></script>
<!-- Load our protocols -->
<script type="text/javascript" src="src/protocols/deepzoom.js"></script>
<script type="text/javascript" src="src/protocols/djatoka.js"></script>
<script type="text/javascript" src="src/protocols/iip.js"></script>
<script type="text/javascript" src="src/protocols/zoomify.js"></script>
<script type="text/javascript" src="src/protocols/iiif.js"></script>
<!-- Load our various components -->
<script type="text/javascript" src="src/blending.js"></script>
<script type="text/javascript" src="src/navigation.js"></script>
<script type="text/javascript" src="src/scale.js"></script>
<script type="text/javascript" src="src/touch.js"></script>
<script type="text/javascript" src="src/annotations.js"></script>
<script type="text/javascript" src="src/annotations-edit.js"></script>
<!-- Load our language files -->
<script type="text/javascript" src="src/lang/help.de.js"></script>
<script type="text/javascript" src="src/lang/help.en.js"></script>
<script type="text/javascript" src="src/lang/help.es.js"></script>
<script type="text/javascript" src="src/lang/help.et.js"></script>
<script type="text/javascript" src="src/lang/help.fr.js"></script>
<script type="text/javascript" src="src/lang/help.gr.js"></script>
<script type="text/javascript" src="src/lang/help.it.js"></script>
<script type="text/javascript" src="src/lang/help.nl.js"></script>
<script type="text/javascript" src="src/lang/help.pt.js"></script>
<script type="text/javascript" src="src/lang/help.ru.js"></script>
<script type="text/javascript" src="src/lang/help.se.js"></script>
<script type="text/javascript" src="src/lang/help.tr.js"></script>
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js">IE7_PNG_SUFFIX = ".png";</script>
<![endif]-->
<script type="text/javascript">
// IIPMooViewer options: See documentation at http://iipimage.sourceforge.net for more details
// Server path: set if not using default path
var server = '/fcgi-bin/iipsrv-jpeg2000.fcgi';
// The *full* image path on the server. This path does *not* need to be in the web
// server root directory. On Windows, use Unix style forward slash paths without
// the "c:" prefix
var image = '/path/to/image.tif';
// Copyright or information message
var credit = '© copyright or information message';
// Create our iipmooviewer object
new IIPMooViewer( "viewer", {
server: server,
image: image,
credit: credit,
navigation: {
buttons: ['zoomIn','zoomOut','reset','rotateLeft','rotateRight']
}
});
</script>
</head>
<body>
<div id="viewer"></div>
</body>
</html>