The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

OneBook3D v.2.3 free! : Now free! - Designed special for create an book-style presentation

Plugin rate :

Create a book-style presentation of your portfolio or photo-albums!
Now IE 11 supported!

The plugin supports webGL now.
This enhances and speeds up the rendering of the animation many times
Faster in mobile devices also.

Implementation: 

1. FIRST, INCLUDE JQUERY FILES

1
2
3
4
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/treejs.min.js"></script>
<script src="js/jquery.onebook3d2.min.js"</script>

2. ADD YOUR HTML

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

3. ADD LINKS TO IMAGES

1
2
3
var arr=['./gallery/001.jpg','./gallery/002.jpg','./gallery/003.jpg',...];
//or
var arr=[['./001.jpg','title1'],['./002.jpg',title2],['./003.jpg',title3],...];

4. FINALLY, CALL ONEBOOK3D PLUGIND

1
2
3
4
5
6
7
8
9
10
//after loading DOM:
 
 
$('#mybook').onebook(arr,{skin:['light','dark'], bgDark:'#222222 url(./bg.jpg)', flip:'soft', border:25});
 
//or
 
$('a').click(function(){
   $.onebook(arr,{border:100,bgDark:'#777777', cesh:false});
});
Options: 
startPage
Integer
Default : 1 - page that will be displayed when the book starts
flip
String
Default : 'soft' - type of the flip animation
skin
String
Default : ’dark' - the book’s skin mode (’dark’,’light’). Can be as array with two valuesfor both embedded and fullscreen plugin mode
bgDark
String
Default : '' - set background image for light’ skin
bgLight
String
Default : '' - set background image for light’ skin
pageСolor
String
Default : 'white' - set color for all pages in book
slope
Integer
Default : 0 - slope mode
border
Integer
Default : 30 - space around images
language
String
Default : en - (’en’, ‘ru’), skin language
cesh
Boolean
Default : 'true' - cesh images
Screenshots

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.4
Current version
2.31
Browsers compatibility
Google ChromeMozilla FirefoxOperaSafari
Comments [0]