Jqx-Media-Slider

JavaScript

カスタマイズ性に優れたスライダーやカルーセルのjQueryプラグイン「Jqx-Media-Slider」

Jqx-Media-Sliderはカスタマイズ性にとても優れたスライダーやカルーセルを実装することができるjQueryプラグインです。アイテムの幅や高さを設定したり、画像はもちろん動画やテキストコンテンツをスライドさせることもできます。

[ads_center]

Jqx-Media-Slider

Jqx-Media-Sliderの実際のデモやダウンロード、または使い方の詳細に関しては以下からチェックすることができます。

Jqx-Media-Slider

Jqx Media Slider

サポートしているブラウザは、IE9+やモダンブラウザ(Chrome、Firefoxなど)です。

オプションでitemWidthやitemHeightを設定できる他、widthBetweenItems、changeOffset、sliderButtons等といったものも指定することができるようになっています。

スライダーの左右には前後にスライドさせる矢印がついており、アイテムをたくさん並べた状態で1つずつスライドさせたり、逆にある程度まとめてスライドさせることもできます。

他にもコンテナ幅いっぱいに1つのアイテムを表示させたりすることも可能なので、カスタマイズして自分の目的に合わせたスライダーやカルーセルを作っていくことができそうですね。

デモではミニマルな構成ものからChanged Offsetを使用したもの、または幅と高さを指定したタイプからフルワイドのカルーセルまでたくさんの種類を見ることができます。

YouTubeが使われているサンプルまであるので、一通り確認してみるだけでも楽しめそうですね。

ScalableLightboxミニマルでレスポンシブに対応したLightbox風のjQueryプラグイン「ScalableLightbox」前のページ

ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」次のページLadda

関連記事

  1. ScrollPress

    JavaScript

    スムーズなアニメーションのスクロールトップ実装「ScrollPress」

    ScrollPressは、スムーズなアニメーションによるスクロールトッ…

  2. no-image

    JavaScript

    インタラクティブなツリー機能を実装できる「jstree」

    jstreeはインタラクティブなツリー機能を実装できるjQueryプラ…

  3. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  4. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  5. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  6. no-image

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP