7 FSI Pages JS
159
NeptuneLabs - FSI Viewer
fsi-pages-intro-content
Description
Defines content to be displayed next to front cover
Syntax
String
Default
-
Context
FSI Pages JS
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="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>