Skip to content

Instantly share code, notes, and snippets.

@exlcodeshare

exlcodeshare/Rosetta.Iipmooviewer.html

Created May 11, 2017 09:03
Show Gist options
  • Save exlcodeshare/3df45d5df481d43e90acc010611df8d6 to your computer and use it in GitHub Desktop.
Save exlcodeshare/3df45d5df481d43e90acc010611df8d6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Rosetta.Iipmooviewer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="DC.creator" content="Ruven Pillay &lt;ruven@users.sourceforge.netm&gt;"/>
<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 &copy; 2003-2016 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.min.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.min.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="js/mootools-core-1.6.0-compressed.js"></script>
<script type="text/javascript" src="js/iipmooviewer-2.0-min.js"></script>
<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/IIPImageServer.fcgi';
var image = decodeURIComponent((new RegExp('[?|&]filePath=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
// Copyright or information message
var credit = 'enter your credit here';
// Create our iipmooviewer object
new IIPMooViewer( "viewer", {
server: server,
image: image,
credit: credit
});
</script>
</head>
<body>
<div id="viewer"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment