56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>pdf.js Multi-Page Viewer</title>
|
|
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
|
|
<link rel="stylesheet" href="multi_page_viewer.css" type="text/css" media="screen"/>
|
|
<script type="text/javascript" src="pdf.js"></script>
|
|
<script type="text/javascript" src="fonts.js"></script>
|
|
<script type="text/javascript" src="crypto.js"></script>
|
|
<script type="text/javascript" src="glyphlist.js"></script>
|
|
<script type="text/javascript" src="multi_page_viewer.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="controls">
|
|
<span class="control">
|
|
<span id="previousPageButton" class="disabled"></span>
|
|
<span id="nextPageButton" class="disabled"></span>
|
|
<span class="label">Previous/Next</span>
|
|
</span>
|
|
<span class="control">
|
|
<input type="text" id="pageNumber" value="1" size="2"/>
|
|
<span>/</span>
|
|
<span id="numPages">--</span>
|
|
<span class="label">Page Number</span>
|
|
</span>
|
|
<span class="control">
|
|
<select id="scaleSelect">
|
|
<option value="50">50%</option>
|
|
<option value="75">75%</option>
|
|
<option value="100">100%</option>
|
|
<option value="125">125%</option>
|
|
<option value="150" selected="selected">150%</option>
|
|
<option value="200">200%</option>
|
|
</select>
|
|
<span class="label">Zoom</span>
|
|
</span>
|
|
<span class="control">
|
|
<span id="openFileButton"></span>
|
|
<input type="file" id="fileInput"/>
|
|
<span class="label">Open File</span>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- EXPERIMENTAL: Slide-out sidebar with page thumbnails (comment-out to disable) -->
|
|
<div id="sidebar">
|
|
<div id="sidebarBox">
|
|
<div id="sidebarScrollView">
|
|
<div id="sidebarContentView"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="viewer"></div>
|
|
</body>
|
|
</html>
|