ID 　PASS 　

camera

− 多彩なアニメーション −

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

動作環境


Browser
Chrome
Safari
Firefox
IE

Android		 - -

iOS		 - - -

OS X		 - -

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

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

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

おすすめポイント
多彩なアニメーションで画像を切り替えることのできるプラグイン。 沢山の写真を飽きずに見させる効果やワンランク上の演出をしているように感じさせることができます。
導入先例
アルバム・ECサイト等
現在のダウンロード数
7 人

カスタマイズと設置

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

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

●基本設定

画像の幅 : 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/camera.min.css" />
        <link rel="stylesheet" type="text/css" charset="UTF-8" href="css/camera.custom.css" />
        <script type="text/javascript" charset="UTF-8" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/jquery.mobile.customized.min.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/camera.min.js"></script>
        <script type="text/javascript" charset="UTF-8" src="js/camera.custom.js"></script>

    </head>
    <body>

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

    </body>
</html>