![]() ![]() Go back to the list of all your flipbooks by clicking on 'back to flipbooks list' link.Ĭopy the shortcode of the flipbook you wish to embed. Once you are finnished with adding pages and editing options, you need to For this mode available options areįlipbook background color Flipbook background color, default: #818181īackground image pattern url of background image tileįlipbook offset top - use to adjust vertical position of the flipbook div directly below the page menu Lightbox opens in fullscreen if the lightbox opening will also switch browser to fullscreen modeįlipbook will cover the entire page. Lightbox opens on start If the lightbox opens immediately when the page loads Lightbox text CSS CSS code that will be applied to the text link (size, shadows, border ect) Lightbox text Text that will be put in place of the shortcode and will trigger the lightbox Lightbox Thumbnail CSS CSS code that will be applied to the thumbnail (size, shadows, border ect) Lighbox thumbnail url image that will be added in place of shortcode and will trigger the lightbox LightboxContainerCSS Custom CSS that will be applied on the lightbox container (element that contains lightbox thumbnail or lightbox text) ![]() It can be class of any element on the page like menu button, divm image, text ect. Lightbox element CSS class CSS class that will trigger opening flipbook in lightbox. Lightbox link can be text, image, or you can assign a css class that will trigger the lightbox and add that css class to any element on the page. For this mode available options are: Responsive height if the flipbook height will be responsive relative to the widthĪspect ratio (for responsive height) the ratio width / height for the responsive flipbook containerįlipbook will be opened in a lightbox after the lightbox link is clicked. Single page mode if single page layout will be used instead of standard double page layoutįlipbook will be displayed in a div that is 100% width of the containerįlipbook background color Flipbook background color, default: #818181īackground image pattern url of background image tileīackground transparent - if flipbook has transparent backgroundįlipbook height height of the flipbook container divįit to window if the flipbook container will fit the entire screenįit to parent div if the flipbook container will fit the parent divįit to height if the flipbook div will fit the parent div height With deeplining any page can be opened directly from the url.ĭeep linking prefix instead of default deeplinking hash #$page_number it can be defined custom prefix so the hash will be #$prefix$page_number. Page flip duration Duration of the flip animationĬlose table of content on page click - default trueĭeep linking if deeplinking will be used. Navigation buttons on sides - if navigation buttons for flipping pages will be displayed Skin You can select either 'light' or 'dark' Page mode "singlePage" - each page is one book page, or "doubleWithCover" - pages are spreads (two book pages per page), except first and last page that are single page Modes are described in more detail below.įlipbook v iew mode You can select either 'webgl', 3d or '2d' Now you can preview flipbook by clicking 'Preview Flipbook'.įlipbook mode You can select either 'normal', 'lightbox' or 'fullscreen'. If any page has HTMLContent then view mode will be automatically switched from default "webgl" to "3d" Simply, you can add any HTML content on the page. This will be rendered on a separate layer on top of the page image. HTMLContent - In this section you can add any HTML content to a page. You can add more pages or delete any of the currently added pages. Thumbnail - Same as image, you can eidt thumbnail image for each page If you have a problem with page that was generated from the PDF, you can replace the page image by clicking 'select file Image - Here you can edit page image url. ![]() Title - Page title will appear in table of content. It the page title is empty the page will not be llisted in table of content. Step 4 After pages are added to flipbook and you can rearrange them if needed by click and drag. ![]() You can select or upload multiple pages at once, no need to upload one by one. Step 3 Select jpg pages from media library or upload jpg pages to media library. Step 1 Click 'Pages' then select flipbook type 'JPG' ![]()
0 Comments
Leave a Reply. |