Default page

Your IP: 216.73.216.124
Server IP: 50.28.103.30
Server: Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software: nginx/1.28.0
PHP Version: 8.3.12
Buat File | Buat Folder

Dir : ~/www/wwwroot/ef.electronharmony.com/1/T9/examples/

View File Name : pdf_flipbook_HTML_content.html

<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <link rel="stylesheet" href="../build/css/flipbook.min.css">

        <script
            src="https://code.jquery.com/jquery-3.6.3.js"
            integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM="
            crossorigin="anonymous"
        ></script>

        <script src="../build/js/flipbook.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $('#container').flipBook({
                    pdfUrl: 'pdf/book.pdf',
                    pages: [
                        {
                            title: 'Cover',
                            htmlContent: `<div style="position:absolute; top:520px; left:230px; font-size: 20px; text-align: center">
                                            <a href="background_color.html" style="color: yellowgreen">Link to 3d flipbook</a>
                                            <p style="color:#F00">HTML Content on the page</p>
                                            <iframe width="320" height="195" src="https://www.youtube.com/embed/UfvSlfxXuIQ" frameborder="0" allowfullscreen></iframe>
                                          </div>`,
                        },
                        {
                            htmlContent:
                                '<iframe src="page_iframe.html" frameborder="0" allowfullscreen style="position:absolute; top:190px; left:560px;"></iframe>',
                        },
                        {
                            title: 'Page 3',
                        },
                        {},
                        {},
                        {},
                        {},
                        {
                            title: 'Last',
                        },
                    ],
                });
            });
        </script>
    </head>

    <body>
        <div id="container"></div>
    </body>
</html>