This Flip Book script allows you to create an interactive magazine without the need for any Flash skills or prior programming knowledge. In terms of a simple XML (very HTML -like) configuration, you are given the ability to create a stylish magazine, an original presentation, a website or other kind of interactive experience for your clients.
Additionally for users with programming skills, the script can be customized even more — via developing your own plug-ins, which in turn let you add new view components (just like they were integral part of the application).
- drag along the entire page’s edge (not only the corners),
- double pages (single content spread across two pages),
- universal layout construction (full alignment & padding settings, fixed and percentage sizing and nested components),
- built-in script language (execute instructions on mouse events, key events, control book and other components, redirect, etc.),
- tooltips with color settings,
- tooltips can be set for any view component,
- keyboard support,
- debug console (for testing built-in script language and displaying errors),
- custom animations defined in XML ,
- dynamic page shadowing (specify shadow gradients in XML ),
- universal Window component,
- fullscreen mode,
- dynamic background (can be changed at runtime),
- print feature,
- HTML text component,
- contact form (with PHP script),
- music player with playlist,
- YouTUBE and FLV video player,
- plug-in framework (add your own features to the application),
- flipping / dragging time setting.
Sample XML definitions:
Image element with percentage size and on-click action:
<Graphic src="bg.jpg" width="100%" height="100%" click="book.nextPage()" />
Box container with vertical layout for its children:
<Box width="100%" height="100%"> <layout> <VerticalLayout horizontalAlign="center" verticalAlign="middle" /> </layout> ... </Box>
Command for hiding all windows:
<Command id="hideWindows"> <line value="contact.hide()" /> <line value="player.hide()" /> <line value="pagesList.hide()" /> </Command>
Custom effects to use on components:
<Effect id="fadeOut" time="1" transition="easeOutExpo" alpha="0" /> <Effect id="fadeIn" time="1" transition="easeOutExpo" alpha="1" />
Notice: the graphics used in the preview are not included in the application, but you can replace them by any graphics you like.