FOR ALL MODERN BROWSERS
 
 
 
Try it right now

Write any words below and press SHOW BOOK!

SHOW BOOK!
Error message!!!
Designed special for
 
Create an eye-catching
presentation of your portfolio
or photo-albums!
 
OneBook3d can be embedded
in page or opened by link
SWIPE
IS AVAILABLE
CUSTOM WIDTH
OF FRAME

TWO SWITCHABLE SKIN

CUSTOM BACKGROUND

TWO MODES OF ANIMATION

FULL SCREEN MODE

AUTO-RESIZING OF IMAGES

What's new in 2.31 version

The plugin supports webGL now. This enhances and speeds up the rendering of the animation many times

Thanks to webGL, large images are animated as smoothly as small

The plugin now works
in all modern browsers including IE11



VERSION 1.1


VERSION 2.31

Supported by
Internet Explorer 11
Yes
3D WebGl
accelerated
Yes
Online
demo pages
examples v.1.1 examples v.2.31
Price Free Free now!
how to use

1.

Include jQuery and other library in html page:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="js/jquery.mousewheel.min.js"></script>

<script src="js/three.min.js"></script>

<script src="js/jquery.onebook3d2.min.js"></script>

2.

Create an empty container:

<div id="mybook"></div>

2.

Call the plugin and pass the images array. You can add as many images to array as you want. Plugin has smart loading system:

var src = [ '01.jpg', '02.jpg', '03.jpg', '04.jpg', [ '05.jpg', 'Title 5'], '06.jpg' ];

$('#mybook').onebook(src,{OPTIONS});

Options

 

startPage:

int

page that will be displayed when the book starts, default: 1

 

flip:

string

('basic', 'soft'), type of the flip animation, default: 'soft'

 

skin:

string

('dark', 'light'), , the book's skin mode. Can be as array with two values for both embedded and fullscreen plugin mode, default: 'dark'

 

bgDark:

text/css

set background image for 'dark' skin, default: ''

 

bgLight:

text/css

set background image for 'light' skin, default: ''

 

pageColor:

text/css

set color for all pages in book, default: 'white'

 

slope:

int

(0, 1, 2), slope mode, default: 0

 

border:

int

space around images, default: 30

 

language:

string

(en, ru, it), skin (russian, english, italian), default: 'en'

 

cesh:

boolean

(true/false), cesh images, default: true

CURRENT VERSION ONEBOOK3D - 2.31
Last update - 01/09/2015

DEPENDED OF:
jQuery (1.x or 2.x), MouseWheel (3.1.9+), ThreeJS (rev.68)

Link to old free version OneBook3d ver. 1.1

SUPPORTED BY ALL MODERN BROWSERS AND TOUCH TECHNOLOGY

DOWNLOAD
Plugin & documentation

 free!