ID  PASS  

Slicebox

− 3D効果で回転スライド −

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

動作環境


Browser

Chrome

Safari

Firefox

IE

Android
- -

iOS
- - -

OS X
- -

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

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

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

おすすめポイント
写真をブロックに切り分け、3D効果をつけて回転させるダイナミックなプラグイン。 写真の美しさだけでなく、好奇心を刺激する動きで見ている人の心を惹き付けます。
導入先例
デザイン重視のサイト・ECサイトのサムネイル等
現在のダウンロード数
14

カスタマイズと設置

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

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

●基本設定

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

●キャプション設定

キャプション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/slicebox.min.css" />
        <link rel="stylesheet" type="text/css" charset="UTF-8" href="css/slicebox.custom.css" />
        <script type="text/javascript" charset="UTF-8" src="js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/slicebox.min.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/slicebox.custom.js"></script>

    </head>
    <body>

        <div id="slicebox">ここにパーツが挿入されます</div>

    </body>
</html>