| Server IP : 69.164.203.165 / Your IP : 216.73.216.219 Web Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.1.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /opt/matlock/flipbook/ |
Upload File : |
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<!-- viewport -->
<meta content="width=device-width,initial-scale=1" name="viewport">
<!-- title -->
<title>lightbox Newspaper FlipBook -jQuery</title>
<!-- add css style -->
<link type="text/css" href="css/style.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Play:400,700">
<link type="text/css" href="css/font-awesome.min.css" rel="stylesheet">
<!-- add js code -->
<script src="js/jquery.js"></script>
<script src="js/jquery_no_conflict.js"></script>
<script src="js/turn.js"></script>
<script src="js/wait.js"></script>
<script src="js/jquery.fullscreen.js"></script>
<script src="js/jquery.address-1.6.min.js"></script>
<script src="js/compatibility.js"></script>
<script src="js/pdf.js"></script>
<script src="js/onload.js"></script>
<style>
html, body {
margin: 0;
padding: 0;
overflow:auto !important;
width:100%;
height:100%;
}
.bcg-intro{
border:1px solid #033;
width:100%;
height:100%;
background: none no-repeat center center;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
/* background-image:url(img/bg.png);/*/
background-color:#CCCCCC;
}
.btn{
text-decoration:none;
color:#FFFFFF;
border-radius: 8px 8px 8px 8px;
padding:10px;
font-size:17px;
font-family:Arial;
font-weigh:normal;
background-color: #666666;
color: #FFFFFF;
display:block;
/*float:left;/*/
margin:10px;
text-align:center;
width:200px;
opacity:1;
}
.cont-btn{
display:block;
position:absolute;
left:50%;
top:50%;
margin:0px;
padding:0px;
margin-left:-110px;
transform: translate(0,-50%);
}
</style>
</head>
<body>
<!--
ATTRIBUTES FLIPBOOK DESCRIPTION:
href ==> your name flipbook to 'your_book_name' (must be unique and only lowercase letters with no whitespace)
data-content ==> pathway to content flipbook
data-config ==> pathway to configuraton flipbook
-->
<div class="bcg-intro">
<div class="cont-btn">
<!-- begin flipbook lightbox code -->
<a class="btn" href="load_book_lightbox('your_book_name')" data-content="lightbox/content.html" data-config="lightbox/config.html" target="_blank">Lightbox - click here</a>
</div>
<!-- end flipbook lightbox code -->
</div>
</div>
</body>
</html>