Reader

Required:

HTML

Demo

HTML

<div class="book-container"><div id="book"><div class="cover front-cover"><img src="https://framework.sabali.co/demo/reader/test-001.jpg" alt="Reader - Page 001 (Book Front Cover)" /></div><div><img src="https://framework.sabali.co/demo/reader/test-002.jpg" alt="Reader - Page 002" /></div><div><img src="https://framework.sabali.co/demo/reader/test-003.jpg" alt="Reader - Page 003" /></div><div><img src="https://framework.sabali.co/demo/reader/test-004.jpg" alt="Reader - Page 004" /></div><div><img src="https://framework.sabali.co/demo/reader/test-005.jpg" alt="Reader - Page 005" /></div><div><img src="https://framework.sabali.co/demo/reader/test-006.jpg" alt="Reader - Page 006" /></div><div><img src="https://framework.sabali.co/demo/reader/test-007.jpg" alt="Reader - Page 007" /></div><div><img src="https://framework.sabali.co/demo/reader/test-008.jpg" alt="Reader - Page 008" /></div><div><img src="https://framework.sabali.co/demo/reader/test-009.jpg" alt="Reader - Page 009" /></div><div class="cover front-cover"><img src="https://framework.sabali.co/demo/reader/test-010.jpg" alt="Reader - Page 010 (Book Back Cover)" /></div></div></div>

CSS

No CSS

Javascript

document.addEventListener("DOMContentLoaded", function() {$(function() {var bookOptions = {height: 500,width: 675,centeredWhenClosed: !0,hardcovers: !0,toolbar: "lastLeft, left, right, lastRight, toc, zoomin, zoomout, slideshow, flipsound, fullscreen, thumbnails, download",thumbnailsPosition: 'left',responsiveHandleWidth: 50,container: window,containerPadding: "20px"};$('#book').wowBook(bookOptions)})})

JS Framework Link


Fatal error: Uncaught Error: Call to undefined function seo_url() in /home/sabalico/public_html/blueprint/pages/documentation.php:194Stack trace:#0 /home/sabalico/public_html/index.php(86): include()#1 {main} thrown in /home/sabalico/public_html/blueprint/pages/documentation.php on line 194