Default Options

Customize the flipbook by overriding the default options

Default flipbook options object:

{
    name: "",

    /*array of page objects - this must be passed to plugin constructor
    {
    	src:"page url",
    	thumb:"page thumb url",
    	title:"page title",
    	htmlContent:"page html content"
    }*/
    pages: [],

    /*array of table_of_content objects
    {
    	title:"Cover",
    	page:"1",
    }*/
    tableOfContent: [],

    tableOfContentCloseOnClick: true,
    thumbsCloseOnClick: true,

    //set unique prefix to enable deep linking, for example prefix "book1_" will add hash #book1_{page number} to the end of url
    deeplinkingEnabled: false,
    deeplinkingPrefix: '',

    assets: {
        preloader: "images/preloader.jpg",
        overlay: "images/overlay.png",
        flipMp3: "mp3/turnPage.mp3",
        spinner: "images/spinner.gif",
        backgroundMp3: "mp3/background.mp3"
    },

    //pdf source options
    pdfUrl: null,
    pdfBrowserViewerIfMobile: false,
    pdfBrowserViewerIfIE: false,
    pdfBrowserViewerFullscreen: true,
    pdfBrowserViewerFullscreenTarget: "_blank",
    rangeChunkSize: 64,
    disableRange: false,
    disableStream: true,
    disableAutoFetch: true,
    pdfAutoLinks: false,

    htmlLayer: true, // to implement

    rightToLeft: false,

    //page that will be displayed when the book starts
    startPage: 0,

    //if the sound is enabled
    sound: true,

    backgroundColor: "rgb(81, 85, 88)",
    backgroundImage: "",
    backgroundPattern: "",
    backgroundTransparent: false,

    //book default settings
    thumbSize: 130,

    loadAllPages: false,
    loadPagesF: 2,
    loadPagesB: 1,

    autoplayOnStart: false,
    autoplayInterval: 3000,
    autoplayLoop: true,

    //UI settings

    skin: "light", //"dark", "light", "gradient"
    layout: "1", //"1", "2", "3", "4"

    menuOverBook: false,
    menuFloating: false,
    menuBackground: '',
    menuShadow: '',
    menuMargin: 0,
    menuPadding: 0,
    menuTransparent: false,

    menu2OverBook: true,
    menu2Floating: false,
    menu2Background: '',
    menu2Shadow: '',
    menu2Margin: 0,
    menu2Padding: 0,
    menu2Transparent: true,

    skinColor: '',
    skinBackground: '',

    // menu buttons
    btnColor: '',
    btnBackground: 'none',
    btnSize: 14,
    btnRadius: 2,
    btnMargin: 2,
    btnPaddingV: 10,
    btnPaddingH: 10,
    btnShadow: '',
    btnTextShadow: '',
    btnBorder: '',
    btnColorHover: "",
    btnBackgroundHover: '',

    //side navigation arrows
    sideBtnColor: '#FFF',
    sideBtnBackground: '#00000033',
    sideBtnSize: 30,
    sideBtnRadius: 0,
    sideBtnMargin: 0,
    sideBtnPaddingV: 5,
    sideBtnPaddingH: 0,
    sideBtnShadow: '',
    sideBtnTextShadow: '',
    sideBtnBorder: '',
    sideBtnColorHover: "#FFF",
    sideBtnBackgroundHover: '#00000066',


    // menu buttons on transparent menu
    floatingBtnColor: "#EEE",
    floatingBtnColorHover: "",
    floatingBtnBackground: "#00000044",
    floatingBtnBackgroundHover: '',
    floatingBtnSize: null,
    floatingBtnRadius: null,
    floatingBtnMargin: null,
    floatingBtnPadding: null,
    floatingBtnShadow: '',
    floatingBtnTextShadow: '',
    floatingBtnBorder: '',

    btnOrder: [
        'currentPage',
        'btnFirst',
        'btnPrev',
        'btnNext',
        'btnLast',
        'btnZoomIn',
        'btnZoomOut',
        'btnRotateLeft',
        'btnRotateRight',
        'btnAutoplay',
        'btnSearch',
        'btnSelect',
        'btnBookmark',
        'btnNotes',
        'btnToc',
        'btnThumbs',
        'btnShare',
        'btnPrint',
        'btnDownloadPages',
        'btnDownloadPdf',
        'btnSound',
        'btnExpand',
        'btnClose'
    ],

    currentPage: {
        enabled: true,
        title: "Current page",
        vAlign: 'top',
        hAlign: 'left',
        marginH: 0,
        marginV: 0,
        color: '',
        background: ''
    },

    btnFirst: {
        enabled: false,
        title: "First page",
        iconFA: "flipbook-icon-angle-double-left",
        iconM: "flipbook-icon-first_page"
    },

    btnPrev: {
        enabled: true,
        title: "Previous page",
        iconFA: "flipbook-icon-angle-left",
        iconM: "flipbook-icon-keyboard_arrow_left"
    },

    btnNext: {
        enabled: true,
        title: "Next page",
        iconFA: "flipbook-icon-angle-right",
        iconM: "flipbook-icon-keyboard_arrow_right"
    },

    btnLast: {
        enabled: false,
        title: "Last page",
        iconFA: "flipbook-icon-angle-double-right",
        iconM: "flipbook-icon-last_page"
    },

    btnZoomIn: {
        enabled: true,
        title: "Zoom in",
        iconFA: "flipbook-icon-plus",
        iconM: "flipbook-icon-add"
    },

    btnZoomOut: {
        enabled: true,
        title: "Zoom out",
        iconFA: "flipbook-icon-minus",
        iconM: "flipbook-icon-remove1"
    },

    btnRotateLeft: {
        enabled: false,
        title: "Rotate left",
        iconFA: "flipbook-icon--undo"
    },

    btnRotateRight: {
        enabled: false,
        title: "Rotate right",
        iconFA: "flipbook-icon--redo"
    },

    btnAutoplay: {
        enabled: true,
        title: "Autoplay",
        iconFA: "flipbook-icon-play",
        iconM: "flipbook-icon-play_arrow",
        iconFA_alt: "flipbook-icon-pause",
        iconM_alt: "flipbook-icon-pause1",
    },

    btnSearch: {
        enabled: false,
        title: "Search",
        iconFA: "flipbook-icon-search",
        iconM: "flipbook-icon-search1"
    },

    btnSelect: {
        enabled: true,
        title: "Select tool",
        iconFA: "flipbook-icon-i-cursor",
        iconM: "flipbook-icon-text_format"
    },

    btnBookmark: {
        enabled: true,
        title: "Bookmark",
        iconFA: "flipbook-icon-bookmark",
        iconM: "flipbook-icon-bookmark1"
    },

    btnNotes: {
        enabled: false,
        title: "Notes",
        iconFA: "flipbook-icon-comment",
        iconM: "flipbook-icon-chat_bubble"
    },

    btnToc: {
        enabled: true,
        title: "Table of Contents",
        iconFA: "flipbook-icon-list-ol",
        iconM: "flipbook-icon-toc"
    },

    btnThumbs: {
        enabled: true,
        title: "Pages",
        iconFA: "flipbook-icon-th-large",
        iconM: "flipbook-icon-view_module"
    },

    btnShare: {
        enabled: true,
        title: "Share",
        iconFA: "flipbook-icon-share-alt",
        iconM: "flipbook-icon-share1",
        hideOnMobile: true
    },

    btnPrint: {
        enabled: true,
        title: "Print",
        iconFA: "flipbook-icon-print",
        iconM: "flipbook-icon-local_printshop",
        hideOnMobile: true
    },

    btnDownloadPages: {
        enabled: true,
        title: "Download pages",
        iconFA: "flipbook-icon-download",
        iconM: "flipbook-icon-file_download",
        url: "images/pages.zip",
        name: "allPages.zip"
    },

    btnDownloadPdf: {
        forceDownload: false,
        enabled: true,
        title: "Download PDF",
        iconFA: "flipbook-icon-file",
        iconM: "flipbook-icon-picture_as_pdf",
        url: null,
        openInNewWindow: true,
        name: "allPages.pdf"
    },

    btnSound: {
        enabled: true,
        title: "Volume",
        iconFA: "flipbook-icon-volume-up",
        iconFA_alt: "flipbook-icon-volume-off",
        iconM: "flipbook-icon-volume_up",
        iconM_alt: "flipbook-icon-volume_mute",
        hideOnMobile: true
    },

    btnExpand: {
        enabled: true,
        title: "Toggle fullscreen",
        iconFA: "flipbook-icon-expand",
        iconM: "flipbook-icon-fullscreen",
        iconFA_alt: "flipbook-icon-compress",
        iconM_alt: "flipbook-icon-fullscreen_exit"
    },

    btnClose: {
        title: "Close",
        iconFA: "flipbook-icon-times",
        iconM: "flipbook-icon-clear",
        hAlign: 'right',
        vAlign: 'top',
        size: 20
    },

    btnShareIfMobile: false,
    btnSoundIfMobile: false,
    btnPrintIfMobile: false,

    sideNavigationButtons: true,

    hideMenu: false,

    //share
    shareUrl: null,
    shareTitle: null,
    shareImage: null,

    whatsapp: {
        enabled: true,
        icon: 'flipbook-icon-whatsapp'
    },

    twitter: {
        enabled: true,
        icon: 'flipbook-icon-twitter'
    },

    facebook: {
        enabled: true,
        icon: 'flipbook-icon-facebook'
    },

    pinterest: {
        enabled: true,
        icon: 'flipbook-icon-pinterest-p'
    },

    email: {
        enabled: true,
        icon: 'flipbook-icon-envelope'
    },

    linkedin: {
        enabled: true,
        icon: 'flipbook-icon-linkedin'
    },

    digg: {
        enabled: false,
        icon: 'flipbook-icon-digg'
    },

    reddit: {
        enabled: false,
        icon: 'flipbook-icon-reddit-alien'
    },

    pdf: {
        annotationLayer: false,
    },

    pageTextureSize: 2048,
    pageTextureSizeSmall: 1500,
    thumbTextureSize: 300,

    pageTextureSizeMobile: 1500,
    pageTextureSizeMobileSmall: 1024,

    //flip animation type; can be "2d", "3d" , "webgl", "swipe"
    viewMode: 'webgl',
    singlePageMode: false,
    singlePageModeIfMobile: false,
    zoomMin: .95,
    zoomMax2: null,

    zoomSize: null,
    zoomStep: 2,
    zoomTime: 300,
    zoomReset: false,
    zoomResetTime: 300,

    wheelDisabledNotFullscreen: false,
    arrowsDisabledNotFullscreen: false,
    arrowsAlwaysEnabledForNavigation: true,
    touchSwipeEnabled: true,

    responsiveView: true,
    responsiveViewRatio: 1, // use responsive view only in portrait mode
    responsiveViewTreshold: 768,
    minPixelRatio: 1, //between 1 and 2, 1.5 = best ratio performance FPS / image quality

    pageFlipDuration: 1,

    contentOnStart: false,
    thumbnailsOnStart: false,
    searchOnStart: false,

    sideMenuOverBook: true,
    sideMenuOverMenu: false,
    sideMenuOverMenu2: true,
    sideMenuPosition: 'left',

    //lightbox settings

    lightBox: false,
    lightBoxOpened: false,
    lightBoxFullscreen: false,
    lightboxCloseOnClick: false,
    lightboxResetOnOpen: true,
    lightboxBackground: null, //CSS of flipbook background, rgba or hexadecimal color or bg image, for example 'rgba(0,0,0,.5)' or '#F0F0F0' or 'url("overlay.png" ) repeat'
    lightboxBackgroundColor: null,
    lightboxBackgroundPattern: null,
    lightboxBackgroundImage: null,
    lightboxStartPage: null,
    lightboxMarginV: '0',
    lightboxMarginH: '0',
    lightboxCSS: '',
    lightboxPreload: false,
    lightboxShowMenu: false, // show menu while book is loading so lightbox can be closed
    lightboxCloseOnBack: true,

    // WebGL settings

    disableImageResize: true, //disable image resize to power of 2 (needed for anisotropic filtering)

    pan: 0,
    panMax: 10,
    panMax2: 2,
    panMin: -10,
    panMin2: -2,
    tilt: 0,
    tiltMax: 0,
    tiltMax2: 0,
    tiltMin: -20,
    tiltMin2: -5,

    rotateCameraOnMouseMove: false,
    rotateCameraOnMouseDrag: true,

    lights: true,
    lightColor: 0xFFFFFF,
    lightPositionX: 0,
    lightPositionZ: 1400,
    lightPositionY: 350,
    lightIntensity: .6,

    shadows: true,
    shadowMapSize: 1024,
    shadowOpacity: .2,
    shadowDistance: 0,

    pageRoughness: 1,
    pageMetalness: 0,

    pageHardness: 2,
    coverHardness: 2,
    pageSegmentsW: 10,
    pageSegmentsH: 1,

    pageMiddleShadowSize: 2,
    pageMiddleShadowColorL: "#999999",
    pageMiddleShadowColorR: "#777777",

    antialias: false,

    // preloader

    preloaderText: '',

    fillPreloader: {
        enabled: false,
        imgEmpty: "images/logo_light.png",
        imgFull: "images/logo_dark.png",
    },

    // logo

    logoImg: '', //url of logo image
    logoUrl: '', // url target 
    logoCSS: 'position:absolute;',
    logoHideOnMobile: false,

    printMenu: true,
    downloadMenu: true,

    cover: true,
    backCover: true,

    pdfTextLayer: true,
    annotationLayer: true,

    googleAnalyticsTrackingCode: null,

    minimumAndroidVersion: 6,

    linkColor: 'rgba(0, 0, 0, 0)',
    linkColorHover: 'rgba(255, 255, 0, 1)',
    linkOpacity: 0.4,
    linkTarget: '_blank', // _blank - new window, _self - same window


    rightClickEnabled: true,

    pageNumberOffset: 0, // to start book page count at different page, example Cover, 1, 2, ... -> pageNumberOffset: 1

    flipSound: true,
    backgroundMusic: false,
    doubleClickZoomDisabled: false,
    pageDragDisabled: false,
    pageClickAreaWdith: '10%', // width of the page that behaves like next / previous page button

    noteTypes: [{
            id: 1,
            title: "User",
            color: "green",
            enabled: true
        },
        {
            id: 2,
            title: "Group",
            color: "yellow",
            enabled: true
        },
        {
            id: 3,
            title: "Admin",
            color: "blue",
            enabled: true
        },
    ],

    pageRangeStart: null,
    pageRangeEnd: null,

    strings: {
        print: "Print",
        printLeftPage: "Print left page",
        printRightPage: "Print right page",
        printCurrentPage: "Print current page",
        printAllPages: "Print all pages",

        download: "Download",
        downloadLeftPage: "Download left page",
        downloadRightPage: "Download right page",
        downloadCurrentPage: "Download current page",
        downloadAllPages: "Download all pages",

        bookmarks: "Bookmarks",
        bookmarkLeftPage: "Bookmark left page",
        bookmarkRightPage: "Bookmark right page",
        bookmarkCurrentPage: "Bookmark current page",

        search: "Search",
        findInDocument: "Find in document",
        pagesFoundContaining: "pages found containing",
        noMatches: "No matches",
        matchesFound: 'matches found',
        page: 'Page',
        matches: 'matches',

        thumbnails: "Thumbnails",
        tableOfContent: "Table of Contents",
        share: "Share",
        notes: "Notes",

        pressEscToClose: "Press ESC to close",

        password: "Password",
        addNote: "Add note",
        typeInYourNote: "Type in your note..."


    },

    //mobile devices settings - override any setting for mobile devices
    mobile: {

        shadows: false,
        pageSegmentsW: 5

    }

}

Last updated