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.1.1 Free : For eye-catching presentation of your books, magazines or portfolio.

Plugin rate :

OneBook3d is jQuery plugin for photographers and designers. Ideal for photo-albums!

Implementation: 

1. FIRST, INCLUDE JQUERY FILES

1
2
3
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.onebook3d.min.js"></script>
<script type="text/javascript" src="jquery.mousewheel.min.js"></script> <!-- optional -->

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 : 'basic' - 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 ‘dark’ 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

Comments

hei, see updated version 1.01
on homepage www.onebook3d.riadesign.ru

the 2.31 free version available now
Happy New Year)

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
1.0
Browsers compatibility
Google ChromeMozilla FirefoxOperaSafari
Comments [2]