BookBlock
− 絵本のようにペラペラめくれる −
ここにパーツが挿入されます。
動作環境
Browser |
Chrome |
Safari |
Firefox |
IE |
|
---|---|---|---|---|---|
Android |
- | - | |||
iOS |
- | - | - | ||
OS X |
- | - | |||
Windows |
- | - |
- 未テスト
- 動作確認
- 動作せず
-
-存在せず
-
標準ブラウザ
左の表は動作環境の目安です。
詳細は動作テスト情報をご覧下さい。
絵本をペラペラめくる効果で簡単な電子カタログ的な演出が可能です。
イラストを使用することで、まるで本物の絵本を読んでいるかのような感覚に。
ベビーグッズのサイト・電子カタログの紹介等
85
人
カスタマイズと設置
下の項目をカスタマイズすることで、簡単にオリジナルのプラグインに調整できます。
「カスタマイズ結果を確認」ボタンをクリックするだけで、動作の確認、デザインの確認ができます。
●カスタマイズ結果の設置方法
- ダウンロードしたファイル (dl.zip) を解凍します。
- filesフォルダの中にある『css』『img』『js』を、プラグインを設置したいHTMLファイルと同一ディレクトリに置きます。
- プラグインを設置したいHTMLファイルに、以下の赤字の部分を追記します。
<html> <head> <link rel="stylesheet" type="text/css" charset="UTF-8" href="css/bookblock.min.css" /> <link rel="stylesheet" type="text/css" charset="UTF-8" href="css/bookblock.custom.css" /> <script type="text/javascript" charset="UTF-8" src="js/modernizr.custom.js"></script> <script type="text/javascript" charset="UTF-8" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" charset="UTF-8" src="js/jquerypp.custom.js"></script> <script type="text/javascript" charset="UTF-8" src="js/bookblock.min.js"></script> <script type="text/javascript" charset="UTF-8" src="js/bookblock.custom.js"></script> </head> <body> <div id="bookblock">ここにパーツが挿入されます</div> </body> </html>