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
#PDF FLIP BOOK PLUGINS CODE#
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įlipbook height height of the flipbook containerį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. Light overlay of pages another light and shadow overlayĭeep linking if deeplinking will be used. Shadow of non flipping page (3d&2d) if the shadow of next and previous pages will be displayed Shadow of flipping page (3d&2d) if the shadow of currently flipping page will be displayed Page flip duration Duration of the flip animation Skin You can select either 'light' or 'dark' If any page has HTMLContent then view mode will be automatically switched from default "webgl" to "3d"įlipbook mode You can select either 'normal', 'lightbox' or 'fullscreen'įlipbook v iew mode You can select either 'webgl', 3d or '2d' Simply, you can add any HTML content on the page.
This will be rendered on a separate layer on top of the page image. In this section you can add any HTML code. You can add more pages or delete any of the currently added pages. 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 Thumbnail It the page title is empty the page will not be llisted in table of content. Page title will appear in table of content.
You can also add more pages, delete pages or rearrange pages with click and drag. Pages will be added to your flipboo and you can proceed with editing flipbook options. Media library open and you can upload your jpg pages or select already uploaded pages and click select. To add jpg pages to your flipbook click button 'Add jpg pages'. This mehod will generate flipbook pages on the client side for each user so it is slower then the first method 'adding pages from PDF' that generates on the server side only once. To create flipbook from PDF url you need to select PDF file from your media library.
#PDF FLIP BOOK PLUGINS PDF#
Flipbook from PDF url (alternative method) After all pages have been created you can proceed with editing flipbook options. To add pages from PDF file click button 'Add pages from PDF'. You can then select a PDF file from your wordpress media library or upload a new PDF and then select it.Īfter the PDF file was selected the pages will be generated and saved on your server in folder wp_content/plugins/real3dflipbook/books/flipbook_name. To add pages you can either add jpg pages or add pages from PDF Adding pages from PDF