写真を綺麗に見せられる!書籍風にページめくりをさせるjQueryプラグイン「OneBook3D」

サイトでよく使用する写真。
これを綺麗に表示させたいですよね。
jQueryプラグインの「OneBook3D」を利用すると書籍風のページめくりができるなどハイセンスなギャラリーを作成できます。
写真を綺麗に見せられる!書籍風にページめくりをさせるjQueryプラグイン「OneBook3D」サンプル

使用方法
OneBook3Dからファイル一式をダウンロード。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type='text/javascript' src='jquery.mousewheel.min.js'></script>
<script type='text/javascript' src='jquery.onebook3d.min.js'></script>
<script type="text/javascript">
$(function(){
//ここから画像の指定
var src = [
'***.jpg',
'***.jpg',
'***.jpg',
'***.jpg'
];

$('#id名').onebook(
src, {
skin:['light','dark'], //色の種類 通常、フルスクリーンモード
bgDark:'#222222', //darkの時の背景色
pageСolor:'#000000', //pageの色
slope: 1, // 角度
flip:'soft', //ページめくりエフェクト basic or soft
border:25 //画像周りの線
});
});
</script>

あとは表示させたい場所に上記のidを付与して記載すれば完成です。
<div id="id名" style="height:***px;"></div>
写真を綺麗に見せられる!書籍風にページめくりをさせるjQueryプラグイン「OneBook3D」サンプル

sponsors

「写真を綺麗に見せられる!書籍風にページめくりをさせるjQueryプラグイン「OneBook3D」」をシェアする

記事作成:
記事URL:

TOP > > > 写真を綺麗に見せられる!書籍風にページめくりをさせるjQueryプラグイン「OneBook3D」