Download
User Rating: 4.6/5 ( 4 votes)
OneBook3d is a beautiful jQuery plugin for photographers and designers. With OneBook3D you can easily create an eye-catching presentation of your books, magazines or portfolio. Flexible, adaptive and customizable design. Auto resizing images. Full screen mode. Ideal for photo-albums!
Source: onebook3d.riadesign.ru
1. INCLUDE JS FILES
<script type="text/javascript" src="./js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="./js/jquery.onebook3d.min.js"></script>
2. HTML
<div id="photobook" style="height:100px;"></div>
3. JAVASCRIPT
$(function(){
var src5 = [
'./g05/010.jpg',
'./g05/011.jpg','./g05/002.jpg',
'./g05/004.jpg','./g05/007.jpg',
'./g05/005.jpg','./g05/012.jpg',
'./g05/003.jpg'
];
$('#photobook').onebook(src5,{skin:['light','dark'], bgDark:'#222222 url(./g06/bg.jpg)', flip:'soft', border:25, cesh:false});
});
4. OPTIONS
-
startPage – int, page that will be displayed when the book starts, default:1
-
flip – string (’basic’,’soft’), type of the flip animation, default:’basic’
-
skin – string (’dark’,’light’), the book’s skin mode. Can be as array with two valuesfor 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’), skin language, default:’en’
-
cesh – boolean (true/false), cesh images, default:true
Example:
$('#div1').onebook( arr1, { flip:'soft', border:25 });