archive-gh-me/viewerjs
1
0
Fork 0
mirror of https://github.com/fengyuanchen/viewerjs.git synced 2026-02-01 16:32:50 +00:00
Code Issues Projects Releases Wiki Activity

Update demo

Browse Source
This commit is contained in:
Fengyuan Chen 2016-03-20 15:21:49 +08:00
parent 38f80757c2
commit 9b3f815248
3 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
demo/css/main.css
View File

@ -7,9 +7,8 @@ body {
.browserupgrade {
margin: 0;
padding: 5px 15px;
background-color: #ff851b;
color: #fff;
padding: .5em 1em;
background-color: #fcfcfc;
text-align: center;
}

12
demo/index.html
View File

@ -11,23 +11,17 @@
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../dist/viewer.css">
<link rel="stylesheet" href="css/main.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header -->
<header class="navbar navbar-static-top docs-header" id="top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse">
<button type="button" class="navbar-toggle" data-target="#navbar-collapse" data-toggle="collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@ -35,7 +29,7 @@
</button>
<a class="navbar-brand" href="./">Viewer.js</a>
</div>
<nav class="collapse navbar-collapse" id="navbar-collapse-1" role="navigation">
<nav class="collapse navbar-collapse" id="navbar-collapse" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/fengyuanchen/viewerjs/blob/master/README.md">Docs</a></li>
<li><a href="https://github.com/fengyuanchen/viewerjs">GitHub</a></li>

8
demo/js/main.js
View File

@ -29,10 +29,10 @@ window.onload = function () {
console.log(e.type);
},
view: function (e) {
console.log(e.type);
console.log(e.type, e.detail.index);
},
viewed: function (e) {
console.log(e.type);
console.log(e.type, e.detail.index);
// this.viewer.zoomTo(1).rotateTo(180);
}
};
@ -85,10 +85,10 @@ window.onload = function () {
console.log(e.type);
});
addEventListener(pictures, 'view', function (e) {
console.log(e.type);
console.log(e.type, e.detail.index);
});
addEventListener(pictures, 'viewed', function (e) {
console.log(e.type);
console.log(e.type, e.detail.index);
});
viewer = new Viewer(pictures, options);