Slickで機能豊富なjQueryカルーセルを構築する

多くない カルーセルライブラリ と競争することができます 滑らかな. これは、最も詰まったjQueryプラグインです。 動的カルーセルの構築 ウェブ上で.

完全に無料です jQueryの上に構築された. コードは設定するのがとても簡単です。 いくつかの依存関係が必要. しかし多くの機能を備えているので、これを機能させるために追加のライブラリを追加する価値があります。.

に Slickをインストール, GitHubリポジトリにアクセスしてコピーをダウンロードできます。付属しています 2つのCSSファイル：のための一つ 基本設定 そしてもう一つの デフォルトのスリックテーマ. スペースを節約したい場合は、これらのファイルを基本のCSSスタイルシートに簡単に組み合わせることができます。.

それなら、あなたは必要です 2つのjQuery依存関係： プライマリjQueryライブラリ に加えて jQueryの移行. スリックには jQuery 1.7以上+ これは現代の開発環境では問題ないはずです.

ここから、あなただけの追加 Slick.js ファイルとそれを手放す。スライドショーは非常に少ないコードで作成できます。 直接サンプル SlickのWebサイトから：

 
 
あなたのコンテンツ
 
あなたのコンテンツ
 
あなたのコンテンツ
 
  

シンプルで

容器、できます スライドを動的に追加する, 画像、HTMLコンテンツ、ビデオなどの埋め込みメディアを含みます。 Slickはそれをすべてでサポートしています 完全レスポンシブデザイン アスペクト比をそのままにします.

Slickには、次のような多数の優れた機能が付属しています。 スワイプ機能 携帯で ドットナビゲーション. またセットアップすることができます 自動再生, カスタムアニメーション, カスタムコールバック, そしてそんなに多く.

この図書館はのための完全な獣です 回転カルーセルの作成. そして、あなたはそれをすべて行うことができます いくつかの簡単なjQueryの行 これはこれをさらに驚くべきものにします.

に すべてのデモを見る そして 始めましょう, Slickのホームページをチェックしてください。また見つけることができます すべてのソースコード そして 設定/オプションに関する完全な文書 GitHubリポジトリで.