<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Hong Kong Police Review 2021</title>
<meta name="description" content="Hong Kong Police Review 2021">
<meta property="og:title" content="Hong Kong Police Review 2021" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui,maximum-scale=2">
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui,maximum-scale=1">
<meta http-equiv="cleartype" content="on">
<link rel="stylesheet" href="../../wowbook/css/normalize.css">
<link rel="stylesheet" href="../../wowbook/wow_book/wow_book.css" type="text/css" />
<link rel="stylesheet" href="../../wowbook/css/main.css">
<script src="../../wowbook/js/vendor/modernizr-2.7.1.min.js"></script>
</head>
<body>
<!-- Add your site or application content here -->
<div class='book_container'>
<button id='next'>next</button>
<button id='back'>back</button>
<div id="book">
</div>
</div>
<script src="../../wowbook/js/vendor/jquery-2.1.0.min.js"></script>
<script src="../../wowbook/js/helper.js"></script>
<script src="../../wowbook/wow_book/wow_book.min.js"></script>
<script>
$(function(){
for (var i = 1; i <= 13; i++) {
$('#book').append('<div><img src="images/hpf2021_'+i+'.jpg" /></div>');
}
var bookOptions = {
height : 1810
, width : 2560
// ,maxWidth : 80
//,maxHeight : 60
,pageNumbers : false
,centeredWhenClosed : true
,hardcovers : true
,toolbar : "lastLeft,left,right,lastRight, ,zoomoutmax,zoomout,slideshow,fullscreen,thumbnails,share,download"
,slideShow: false
,slideShowDelay:5000
,downloadURL: "hpf2021.pdf"
,share: "facebook",
shareParams: {
text: "Hong Kong Police Review 2021"
}
,thumbnailsPosition : 'left'
,responsiveHandleWidth : 0
,turnPageDuration : 800
,container: window
,containerPadding: "20px"
,doubleClickToZoom: true
,zoomMax: 400
,rtl: false
,controls : {
back : '#back'
,next : '#next'
}
};
$('#book').wowBook( bookOptions ); // create the book
var book=$.wowBook("#book");
$('.wowbook-control-zoomoutmax').on('click',function(){book.zoomOut(4)})
// How to use wowbook API
// var book=$.wowBook("#book"); // get book object instance
// book.gotoPage( 4 ); // call some method
//$('.wowbook-gutter-shadow').remove();
})
</script>
<style>
#back{
display:none;
}
#next{
display:none;
}
</style>
</body>
</html>