ID  PASS  

jCarousel

− シンプルがベスト −

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

動作環境


Browser

Chrome

Safari

Firefox

IE

Android
- -

iOS
- - -

OS X
- -

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

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

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

おすすめポイント
最もベーシックな画像を順送りで表示できるプラグイン。 汎用性が高いので、いろんな用途にお使いいただけます。
導入先例
どんな業種でも重宝されます
現在のダウンロード数
9

カスタマイズと設置

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

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

●基本設定

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

    </head>
    <body>

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

    </body>
</html>