Real3D Flipbook jQuery plugin
  • Intro
  • Quick start
  • License Activation
  • Creating Flipbook
  • Optimized PDF Flipbook
  • Customizing Flipbook
    • UI
    • Book
  • Flipbook options
  • Interactive Flipbook Pages
    • Page htmlContent
    • Page items
  • Default Options
  • FAQ
Powered by GitBook
On this page
  • Video
  • Youtube
  • Iframe
  • Image
  • Audio
  • External link
  • Internal link
  1. Interactive Flipbook Pages

Page items

Flipbook page can have array of items. Item can be video, audio, image, link, iframe and youtube. Here is an example

const options = {
    pages: [
        {
            src: "book1/1.jpg", 
            thumb: "book1/thumb1.jpg", 
            items: [
                { type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4'},
                { type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM'}
            ]
        },
        ...
    ]
}

new Flipbook(container, options) 

Available Items are video, iframe, youtube, image, image, audio, link. Here are examples

Video

{ type: 'video', x: 40, y: 313, width: 230, height: 128, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/interior_design.mp4' }

Youtube

{ type: 'youtube', x: 43, y: 45, width: 220, height: 126, url: 'https://www.youtube.com/embed/Cv1W4nzxPBM' }

Iframe

{ type: 'iframe', x: 100, y: 200, width: 300, height: 200, url: 'https://real3dflipbook.com/#aiwo_1' }

Image

{ type: 'image', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/logo.png' }

Audio

{ type: 'audio', x: 100, y: 200, width: 220, height: 126, url: 'https://real3dflipbook.com/wp-content/uploads/2020/03/sound.mp3' }

External link

{ type: 'link', x: 100, y: 200, width: 220, height: 50, url: 'https://real3dflipbook.com/' }

Internal link

{ type: 'link', x: 100, y: 200, width: 220, height: 50, page: 4 }
PreviousPage htmlContentNextDefault Options

Last updated 6 months ago