1. Home
  2. Docs
  3. DFlip jQuery Plugin
  4. Demo Examples
  5. (HTML) Light-boxes

(HTML) Light-boxes

Create Flipbook through Thumbnail lightbox

<div
    class="_df_thumb"
    id="df_manual_thumb"
    tags="3d,images"
    source="http://www.yoursite.com/books/dflip manual.pdf"
    thumb="http://www.yoursite.com/books/thumbs/dflip.jpg" >
    Images
    </div >
Images

 

Create Flipbook through Button lightbox

<div class="_df_button"
    source="http://www.yoursite.com/books/dflip manual.pdf"
    id="df_manual_button">
    Dflip Manual
    </div>
Dflip Manual

 

Create Flipbook through Custom HTML.

<a
    class="_df_custom"
    source="http://www.yoursite.com/books/dflip manual.pdf"
    id="df_manual_custom">
    Dflip Manual
    </a>
Dflip Manual

If needed you can use the id to extend the options. Or set global DFLIP.defaults for consistency in the page (see examples).

This is just an easy example. For details see the example folder.

Was this article helpful to you? Yes No