Skip to main content

Creating Intro Content

You can define some HTML Code to be displayed next to the front cover of the publication. This is useful to display e.g. usage instructions.

The content needs to be defined in the <fsi-pages> tag as following:

Example:
<head>
//adding the fsipages.js script
<script src="//yourdomain.com/fsi/viewer/applications/pages/js/fsipages.js"
type="text/javascript"></script>
</head>
<body>
    <fsi-pages width="500" height="600" dir="/images/catalog/" debug="true"
    skin="silver" PageLayout="flip" Links="false">
    //Adding intro content:
        <fsi-pages-intro-content>
            <h3>Welcome to our catalog!</h3>
            <br />
            <ul>
                <li>Tap the Next Page/Previous Page buttons </li>
                <li>Double-click or pinch-zoom on a page to zoom in</li>
                <li>Tap the full-screen icon to switch to full-screen mode</li>
                <li>Click on the index icon for a catalog overview</li>
                <li>Enter a number in the page input field to browse to a certain page</li>
            </ul>
        </fsi-pages-intro-content>
    </fsi-pages>