JLNTV_IPD/turn.js
4
0
Fork 0
mirror of https://github.com/blasten/turn.js.git synced 2025-04-06 03:57:41 +08:00
Code Issues Projects Releases Wiki Activity

Merge 673372c7f2ea6f504292b43af43b8cb29fb0a98d into 08c1f6599a1412b145c7bf645a1f28c14db12742

Browse Source
This commit is contained in:
SmartAff 2025-03-09 19:10:40 +07:00 committed by GitHub
commit 991a1a1fa2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
index.html Normal file
View File

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flipbook dengan Turn.js</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="turn.min.js"></script> <!-- Pastikan turn.min.js ada di folder yang benar -->
<style>
body { background: #f0f0f0; text-align: center; }
#flipbook { width: 600px; height: 400px; margin: auto; }
.page { width: 100%; height: 100%; background: white; text-align: center; line-height: 400px; font-size: 24px; }
</style>
</head>
<body>
<div id="flipbook">
<div class="page">Halaman 1</div>
<div class="page">Halaman 2</div>
<div class="page">Halaman 3</div>
<div class="page">Halaman 4</div>
</div>
<script>
$(document).ready(function() {
$("#flipbook").turn({
width: 600,
height: 400,
autoCenter: true
});
});
</script>
</body>
</html>