ID  PASS  

BookBlock

− 絵本のようにペラペラめくれる −

ここにパーツが挿入されます。
カスタマイズ結果をダウンロードする
カスタマイズしてダウンロードする

動作環境


Browser

Chrome

Safari

Firefox

IE

Android
- -

iOS
- - -

OS X
- -

Windows
- -
  • 未テスト
  • 動作確認
  • 動作せず
  • -
    存在せず
  • 標準ブラウザ

左の表は動作環境の目安です。

詳細は動作テスト情報をご覧下さい。

おすすめポイント
絵本をペラペラめくる効果で簡単な電子カタログ的な演出が可能です。 イラストを使用することで、まるで本物の絵本を読んでいるかのような感覚に。
導入先例
ベビーグッズのサイト・電子カタログの紹介等
現在のダウンロード数
20

カスタマイズと設置

下の項目をカスタマイズすることで、簡単にオリジナルのプラグインに調整できます。

「カスタマイズ結果を確認」ボタンをクリックするだけで、動作の確認、デザインの確認ができます。

●基本設定

画像の幅 : px
画像の高さ : px
画像1 :
画像2 :
画像3 :
画像4 :
画像5 :
画像6 :

●スライドショー設定

スライド間隔 :
:
:

●アニメーション設定

向き :
時間変化の種類 :
速さ :
カスタマイズ結果を確認

●カスタマイズ結果の設置方法

  1. ダウンロードしたファイル (dl.zip) を解凍します。
  2. filesフォルダの中にある『css』『img』『js』を、プラグインを設置したいHTMLファイルと同一ディレクトリに置きます。
  3. プラグインを設置したい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>