Home

FlippingBook HTML Edition

1. Customizable interface Simple integration into the existing design Possibility to viewing offline Easy to localize Advantages Over Competitors You are not tied to the other s server and per pages costs All files are stored on your server and you do not depend on anybody The system requirements to your site are minimal You do not need PHR ASP mySQL or any other server applications to be installed You do not need programming skills The installation procedure is just a files copying on the server The interface can be almost completely customized FlippingBook HTML Edition can be easily integrated to any existing design and brand style You can use a great variety of book interface settings You are not limited to use only PDF or pictures Pages can contain any images and SWF files Using habitual methods of document managing zooming on double click mouse wheel rolling Working with Flash Player 8 and above This increases the number of potential users in com parison with competitors demanding Flash Player 9 Memory management In contrast to competitors products the big catalog will not occupy hundreds of megabytes of PC memory Fully localizable texts You can change all text descriptions Any function zooming saving etc can be turned off To do this just take the corresponding button away from the control panel Stylish and up to date design Book Creation Process Book creation is performed in
2. Size 4 7 Mb The default value can be redefined in the bookSettings js file flippingBook settings downloadSize Size 254 Kb downloadComplete Defines the complete message text of the download window Default value specified in the flippingBook js file Complete The default value can be redefined in the bookSettings js file flippingBook settings downloadComplete Finished 32 Page Modifiers Each book page can be configured separately using any of the following settings also called page modifiers Modifiers can be set right in the page URL flippingBook pages pages page 001 jpeg scaleContent true amp rigid true pages page 002 jpeg rigid true As you can see from the example you must use the common URL query format for specifying several modifiers for one particular page scaleContent Redefines the global scaleContent parameter for the particular page Example page jpg scaleContent false showStaticShadow Allows to disable center shadow for a particular page Example page jpg showStaticShadow true rigid Defines the type of the page either rigid or soft Example page jpg rigid true wide Allows to use wide page file for two pages This modifier must be defined to two neighbor pages Example wide page jpg wide true 33 playOnDemand Redefines the playOnDemand parameter for the particular page Example page jpg playOnDemand t rue centerContent Redefines
3. USER MANUAL v 1 0 Contents About the Product Main Features Advantages Over Competitors Book Creation Process Preparing Book Pages Copying Files Configuring Book Publishing Parameters Description Page Modifiers 33 About the Product FlippingBook HTML Edition is a convenient and simple tool for creating professional online al bums with the page turning effect Pain np Pg aD PC pea This tool does not require any server technologies like PHP or ASP for working because it is just a set of JavaScript files running on your HTML page When a page is loaded the code contained in these files automatically builds in the flash album having such options as zooming printing saving contents navigation An application can be of any size You can use either the fixed size or stretch the application to fit the page You don t have to know JavaScript to edit settings All you need is to change parameter values using any text editor like TextEdit or Notepad Program interface can be easily configured Control panel is built with the help of HTML and can be easily changed You can use your own pictures for buttons and set any pictures as a book background Main Features Hard and soft pages hardcover function Printing Zooming Saving one can save in PDF or save for offline viewing Using mouse wheel for navigation and zoomed pages rolling Contents Fixed or liquid application size
4. It doesn t have a default value pages list differs for dif ferent books It is configured in the bookSettings js file flippingBook contents Cover 1 Modern 4 Familiar 34 Classic 58 stageWidth Defines the width of the book background area Default value specified in the flippingBook file is 100 The default value can be redinfined in the bookSettings js file flippingBook settings stageWidth 90 stageHeight Defines the height of the book background area Default value specified in the flippingBook file is 100 The default value can be redinfined in the bookSettings js file flippingBook settings stageHeight 90 bookWidth Defines the book width in pixels Default value Specified in the flippingBook js file 640 pixels The default value can be redinfined in the bookSettings js file flippingBook settings bookWidth 900 bookHeight Defines the book height in pixels Default value specified in the flippingBook js file 640 pixels The default value can be redinfined in the bookSettings js file flippingBook settings bookHeight 600 10 scaleContent Defines the page content scaling method If the parameter is set to true default the loaded files will be automatically scaled to the page size If the parameter is set to false the page content will be clipped to the page borders Default value specified in the flippingBook js file true T
5. js file 1 The default value can be redefined in the bookSettings js file flippingBook settings staticShadowDepth 2 staticShadowsDarkColor Defines the center shadow color Default value specified in the flippingBook js file Ox000000 The default value can be redefined in the bookSettings js file flippingBook settings staticShadowDarkColor 0xDDDDDD 16 staticShadowsLightColor Defines the highlight shadow color this parameter works from the Symmetric shadow style only Default value specified in the flippingBook js file OxFFFFFF The default value can be redefined in the bookSettings js file flippingBook settings staticShadowLightColor 0xDDDDDD dynamicShadowDepth Defines the transparency of page curve shadows Higher values result in more intensive shadow Default value specified in the flippingBook js file 1 The default value can be redefined in the bookSettings js file flippingBook settings dynamicShadowDepth 2 dynamicShadowLightColor Defines the shadow highlight color for pages marked as dark page jog dark true This al lows to enable realistic curve look for black pages Default value specified in the flippingBook js file OxFFFFFF The default value can be redefined in the bookSettings js file flippingBook settings dynamicShadowLightColor 0xDDDDDD 17 dynamicShadowDarkColor Defines the curve shadow color Default value specified in the flippingBook js fi
6. the bookSettings js file flippingBook settings hardcoverSound sounds 02 mp3 19 preloaderType Defines the look of pages preloader Possible values are Progress Bar Round Thin Dots Gradient Wheel Gear Wheel Line Animated Book None Default value specified in the flippingBook js file Thin The default value can be redefined in the bookSettings js file flippingBook settings preloaderType Round pageBackgroundColor Defines the color of pages background Users see this color while pages are being loaded Default value specified in the flippingBook js file Ox99CCFF The default value can be redefined in the bookSettings js file flippingBook settings pageBackgroundColor 0xFFDDDD loadOnDemand Page loading mode When true pages are loaded as the user flips through the book When false all pages are loaded before opening the book Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings loadOnDemand false 20 allowPagesUnload Page unloading mode When true far pages are unloaded as the user flips through the book When false all loaded pages are stored in memory Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings allowPagesUnload false showUnderlyingPages A
7. al a book has more than 60 different parameters but you don t have to use them all Every parameter has the default value specified in the flippingBook js file and if this value suits you you don t need to config ure it in the bookSettings js file For example the default value of the hardcover parameter is false switched off If it suits you you don t need to do anything If you want to turn the hardcover on add the following string to the bookSettings js file flippingBook settings hardcover true All the parameters are configured in the following way flippingBook settings parameterName parameterValue Here are the settings of our example bookSettings js file OMAP bookSettings js flippingBook contents 2 flippingBook settings bookWidth E flippingBook settings bookHeight 3 flippingBook settings pageBackgroundColor flippingBook settings flippingBook settings zoomUIColor flippingBook settings smoothPages GEE flippingBook settings useCustomCursors flippingBook settings dropShadowEnabled e flippingBook settings zoomImageWidth ime flippingBook settings zoomImageHeight ieee f lippingBook settings downLoadURL 105 fLippingBook create Line 106 Column 1 JavaScript v TabSize 4 3 Configuring Pages To configure pages specify the path to the page files in the bookSettings js file For example flippingBook pages pages page 001 jpeg pages page 002 jpeg
8. ase parameter is set to true Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings flipCornerVibrate false 25 flipCornerPlaySound Setting this parameter to true forces the book to play flipping sound each time the corner moves Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings flipCornerPlaySound true zoomEnabled Controls the zooming function When set to true zooming is enabled by double clicking and zoom button When set to false zooming is disabled Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings zoomEnabled false zoomPath Defines the path to large pages used for zooming and printing The files names must be the same for normal and large versions Default value specified in the flippingBook js file pages large The default value can be redefined in the bookSettings js file flippingBook settings zoomPath someFolder 26 zoomlmageWidth Defines the width of large page in pixels Default value specified in the flippingBook js file 900 The default value can be redefined in the bookSettings js file flippingBook settings zoomImageWidth 1000 zoomlmageHeight Defines the heig
9. e bookSettings js file flippingBook settings hardcoverThickness 4 hardcoverEdgeColor Defines the color of a rigid page s edge Default value specified in the flippingBook js file OxFFFFFF The default value can be redefined in the bookSettings js file flippingBook settings hardcoverEdgeColor 0xDDDDDD highlightHardcover Turns on off 3D lightning for rigid page flipping Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings highlightHardcover false 12 frameWidth Defines the width of the book frame in pixels Default value specified in the flippingBook js file 0 no frame The default value can be redefined in the bookSettings js file flippingBook settings frameWidth 10 frameColor Defines the color of the book frame Default value specified in the flippingBook js file OxFFFFFF The default value can be redefined in the bookSettings js file flippingBook settings frameColor 0xDDDDDD frameAlpha Defines the transparency of the book frame Default value specified in the flippingBook js file 100 The default value can be redefined in the bookSettings js file flippingBook settings frameAlpha 50 firstPageNumber This is the number of the book page open by default Default value specified in the flippingBook js file 1 The default value can be redefined in the bookSettings
10. ettings js file flippingBook settings useCustomCursors false 28 dropShadowEnabled Setting this parameter to true enables drop shadow around the book Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings dropShadowEnabled false dropShadowHideWhenFlipping Setting this parameter to true forces the book drop shadow to hide when flipping pages This allows to save CPU resources and speed up page flipping animation Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings dropShadowHideWhenFlipping false backgroundColor Defines the color of application background Users see this color while the background image is loading Default value specified in the flippingBook js file OxFFFFFF The default value can be redefined in the bookSettings js file flippingBook settings backgroundColor 0x83a5lc 29 backgroundimage Defines the path to the application background image Default value specified in the flippingBook js file img bookBackground jpg The default value can be redefined in the bookSettings js file flippingBook settings backgroundImage img bg jpg backgroundImagePlacement Defines the position of the application background image Supported values are top left center fit Default value s
11. he default value can be redinfined in the bookSettings js file flippingBook settings scaleContent false centerContent Defines the page content centering method If the parameter is set to true default the loaded files will be automatically centered within the page boundaries If the parameter is set to false then the page content will be placed at the top left page corner Default value specified in the flippingBook js file true The default value can be redinfined in the bookSettings js file flippingBook settings centerContent false preserveProportions Defines the page content scaling rules If the parameter is set to true default the loaded files will be scaled with keeping original content proportions If the parameter is set to false then the page content scaled without respect to the original proportions Default value specified in the flippingBook js file true The default value can be redinfined in the bookSettings js file flippingBook settings preserveProportions false 11 hardcover Turns the book hardcover on off Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings hardcover true hardcoverThickness Defines the thickness of a rigid book page in pixels Pages look more realistic for users Default value specified in the flippingBook js file 3 The default value can be redefined in th
12. ht of large page in pixels Default value specified in the flippingBook js file 1165 The default value can be redefined in the bookSettings js file flippingBook settings zoomImageHeight 1000 zoomOnClick Turns zooming on double click on off Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings zoomOnClick false zoomU Color Defines the color of the scrollbars used for zooming Default value specified in the flippingBook js file Ox8f9ea6 The default value can be redefined in the bookSettings js file flippingBook settings zoomUIColor 0xFF0000 27 zoomHint Defines the caption text of the Double click for zooming hint window Default value specified in the flippingBook js file Double click for zooming The default value can be redefined in the bookSettings js file flippingBook settings zoomHint Use double click for zooming in out centerBook Setting this parameter to true centers the book within book area Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings centerBook false useCustomCursors Setting this parameter to true enables custom mouse pointer for dragging and zooming Default value specified in the flippingBook js file true The default value can be redefined in the bookS
13. js file flippingBook settings firstPageNumber 2 13 autoFlipSize This is the size in pixels of the click sensitive area at the page corners that allow page flip ping This parameter value defines the length of the sensitive square at the page corner Default value specified in the flippingBook js file 50 The default value can be redefined in the bookSettings js file flippingBook settings autoFlipSize 100 navigationFlipOffset Defines the curvature of page flipping when using navigation functions next page previous page table of contents Higher values result in more curved page motion Default value specified in the flippingBook js file 30 The default value can be redefined in the bookSettings js file flippingBook settings navigationFlipOffset 0 flipOnClick Defines the page flipping method Turned on true you can drag pages by click and drag and flip pages by corner click release Turned off false you can drag pages by corner click and drag and flip pages by corner click release Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings flipOnClick false 14 handOverCorner Defines the style of the mouse pointer over page corners Setting this parameter to true turns the pointer to the finger when dragging mouse over page corner Default value specified in the flippingBook js file tr
14. l You can use either relative folderName fileName or absolute paths http www site com some Folder someFile Configuring Table Of Contents To configure contents specify chapter name and page number at which this chapter starts flippingBook contents Cover 1 Modern 4 Familiar 34 Classic 58 l In this example the Modern chapter starts with page 4 and ends at page 34 The detailed de scription of all parameters can be found in the next section Your book is ready You can open the index html file in the browser window Publishing To publish your book on the site just upload all the files from the FlippingBookExample folder on your server Parameters Description The book parameters include Paths to page files Contents settings Book interface and application settings All the parameters are specified in the bookSettings js file The default values for each param eter are set in the flippingBook js file If you need to create several one type books common parameters can be set in the flippingBook js file and specific ones e g page files in the book Settings js file pages Defines the list of paths to the page files It doesn t have a default value pages list differs for different books It is configured in the bookSettings js file flippingBook pages pages page 001 jpeg pages page 002 jpeg contents Defines the table of contents structure
15. le Ox000000 The default value can be redefined in the bookSettings js file flippingBook settings dynamicShadowDarkColor OxDDDDDD moveSpeed Page moving speed during normal page flipping dragging Default value specified in the flippingBook js file 2 The default value can be redefined in the bookSettings js file flippingBook settings moveSpeed 3 gotoSpeed The speed of automatic page movement with the gotoPage flipGotoPage flipForward and flipBack functions enabled Default value specified in the flippingBook js file 3 The default value can be redefined in the bookSettings js file flippingBook settings gotoSpeed 5 18 rigidPageSpeed The speed of a rigid page movement Default value specified in the flippingBook js file 5 The default value can be redefined in the bookSettings js file flippingBook settings rigidPageSpeed 2 flipSound Page flipping sound effect You may specify a URL to an external MP3 file or linkage name of the sound symbol in the library Default value specified in the flippingBook js file The default value can be redefined in the bookSettings js file flippingBook settings flipSound sounds 02 mp3 hardcoverSound Flip sound of a rigid page You may specify a URL to an external MP3 file or linkage name of the sound symbol in the library Default value specified in the flippingBook js file The default value can be redefined in
16. llows to show underlying pages When set to true users see one layer of pages through holes in the current pages Useful for PNG or SWF pages with transparent areas Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings showUnderlyingPages true playOnDemand Works for SWF pages with timeline animation Defines animation starting mode Setting this parameter to true allows to start the animation as soon as user flips to the page instead of starting the animation right after page is loaded Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings playOnDemand false You can set this parameter for each page individually page jpg playOnDemand true 21 freezeOnFlip Setting this parameter to true turns SWF vector pages into bitmaps for page flipping anima tion This allows to speed up flipping animation for heavy vector pages Also this parameter allows to correctly flip pages with device fonts and adobe UI components Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings freezeOnFlip true You can set this parameter for each page individually page jpg freezeOnFlip true darkPages Setting this parameter to true turns curve shadow highlighti
17. ly don t flip corner automatically Default value specified in the flippingBook js file manually The default value can be redefined in the bookSettings js file flippingBook settings flipCornerStyle first page only flipCornerPosition Defines page corner automatic flipping position Supported values are bottom right top right bottom left top left Default value specified in the flippingBook js file bottom right The default value can be redefined in the bookSettings js file flippingBook settings flipCornerPosition top left flip CornerAmount Defines page corner automatic flipping size Default value specified in the flippingBook js file 50 The default value can be redefined in the bookSettings js file flippingBook settings flipCornerAmount 20 24 flipCornerAngle Defines page corner automatic flipping angle Default value specified in the flippingBook js file 20 The default value can be redefined in the bookSettings js file flippingBook settings flipCornerAngle 30 flip CornerRelease Setting this parameter to false fixes the corner in curved state Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings flipCornerRelease false flipCornerVibrate Setting this parameter to true forces the corner to flip up and down repeatedly Works if the flipCornerRele
18. ng In this case black pages will look more realistic when flipping Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings darkPages true You can set this parameter for each page individually page jpg dark true 22 smoothPages Setting this parameter to true enabled page smoothing for the entire book This option is use ful when original page files are larger then book page size Note that this option takes addi tional amount of memory and CPU So use it in case of need only Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings smoothPages true You can set this parameter for each page individually page jpg smooth true rigidPages Setting this parameter to true makes all book pages rigid Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings rigidPages true You can set this parameter for each page individually page jpg rigid true 23 flipCornerStyle Defines page corner automatic flipping style This option allows to catch users attention right after the bookis loaded Supported values are first page only automatically flip corner for the first page only each page automatically flip corner for all pages manual
19. pecified in the flippingBook js file fit The default value can be redefined in the bookSettings js file flippingBook settings backgroundImagePlacement center printEnabled Controls the printing function When set to true printing is enabled When set to false printing is disabled Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings printEnabled false 30 printTitle Defines the caption text of the print window Default value specified in the flippingBook js file Print pages The default value can be redefined in the bookSettings js file flippingBook settings printTitle Any text downloadURL Defines the URL of the offline version PDF file for example Default value specified in the flippingBook js file pages The default value can be redefined in the bookSettings js file flippingBook settings downloadURL www page flip com new demos 03 kitchen gorenje 2008 kitchen gorenje 2008 pdf downloadTitle Defines the caption text of the download window Default value specified in the flippingBook js file Download PDF The default value can be redefined in the bookSettings js file flippingBook settings downloadTitle Download Offline Version 31 downloadSize Defines the size caption text of the download window Default value specified in the flippingBook js file
20. several steps Preparing book pages Copying files Configuring book parameters Publishing Let s consider all these steps Preparing Book Pages You can use image JPEG PNG GIF and SWF files as book contents That s why at the first step you need to create these files If your pages are images just copy them to a separate directory If you need to create a flash book from PDF document save your PDF page by page in JPEG format you can use Photoshop or Acrobat Pro or convert it to SWF files using swftoos The book size is set in pixels and is equal to two book pages For example if the size of your book should be 800x600 pixels then the page size would be 400x600 pixels For the work you should create a separate directory on your computer where all book files will be stored It can be created in any place even on the desktop and have any name Not to lose it call it Flip pingBookExample Save your page files to the pages directory inside the FlippingBookExam ple directory If you are going to use the zooming function you should create the enlarged versions for every page The enlarged pages can be of any size You should choose it by your own so that the text is readable For the kitchen_gorenje_2008 catalog we used pages of 992x1403 pixels Save the enlarged pages into the FlippingBookExample pages large directory Your pages are ready and you can start configuring HTML pages Copying Files To be able to work
21. the center parameter for the particular page Example page jpg centerContent true Ww Allows to specify the desired page width in pixels Some PDF to SWF tools can add invisible content to target SWF files That invisible content affects page size and results in the incorrect scaling This parameter allows to you set the needed page size In this case the book will use the given value instead of the real page size Example page jpg w 400 h Allows to specify the desired page height in pixels Some PDF to SWF tools can add invisible content to target SWF files That invisible content affects page size and results in the incorrect scaling This parameter allows to you set the needed page size In this case the book will use the given value instead of the real page size Example page jpg h 600 freezeOnFlip Redefines the freezeOnFlip global parameter for the particular page Example page jpg freezeOnFlip true 34 smooth Redefines the smoothPages global parameter for the particular page Example page jpg smooth true dark Redefines the darkPages global parameter for the particular page Example page jpg dark true 35
22. ue The default value can be redefined in the bookSettings js file flippingBook settings handOverCorner false handOverPage Defines the style of the mouse pointer over page area excepting corners Setting this pa rameter to true turns the pointer to the finger when dragging mouse over page Default value specified in the flippingBook js file true The default value can be redefined in the bookSettings js file flippingBook settings handOverPage false alwaysOpened Defines the behavior of the first and last pages of the book If true the first and last pages are bound to the stage preventing them being flipped by the user If false the user may flip the first and last pages just like the rest This parameter is useful when you need a permanently set book width Default value specified in the flippingBook js file false The default value can be redefined in the bookSettings js file flippingBook settings alwaysOpened true 15 staticShadowType Defines the look of the book center shadow Possible values are Asymmetric Symmetric Default Default value specified in the flippingBook js file Asymmetric The default value can be redefined in the bookSettings js file flippingBook settings staticShadowType Symmetric staticShadowDepth Defines the transparency of the book center shadow Higher values result in more intensive shadow Default value specified in the flippingBook
23. with the book you should copy some files from the product package Copy the following files and folders to the FlippingBookExample directory Y DEVICES me Date Modified Computer gt i css 18 miona 2008 r 0 30 iDisk E Macintosh HD ari FlippingBook swf 22 mona 2008 r 14 24 a El My Book gt img 13 mona 2008 r 19 13 Y PLACES Desktop index html 22 mona 2008 r 14 29 A Applications i Documents gt js 21 mona 2008 r 0 33 Projects gt val pages 21 miona 2008 r 22 31 Y SEARCH FOR Today template noflash html 18 mona 2008 r 1 16 J Yesterday Past Week All Images All Movies All Documents FlippingBook swf file It contains the flash application of the book Js folder This folder contains JavaScript files necessary for work css folder This folder contains css styles necessary for work img folder This folder contains button and application background images index html file This is an example of the liquid template for the book You can use it for the work or create your own HTML template for the book by analogy In the current documentation we will consider an example of book creation on the basis of the existing index html file All the necessary files are copied and ready for work You only have to configure the book Configuring Book Configuring Book Interface All the book settings are specified inside the bookSettings js file In tot

FlippingBook HTML Edition

Contents

Download Pdf Manuals

Related Search

Related Contents