RV gallery-slider

JavaScript

軽量でタッチフレンドリーなギャラリースライダー「RV gallery-slider」

RV gallery-sliderは軽量でタッチフレンドリーなギャラリースライダーを実装できるのが特徴です。jQueryをベースにしているとのこと。シンプル・軽量なので、スマホなどモバイルからの閲覧にも最適ですね。

RV gallery-slider

デモ

デモではサムネイル付きのものからシンプルな矢印とナビゲーションがついたもの、Lightboxのように拡大表示できるものなど、いくつかのサンプルが用意されています。

サムネイルが付いたタイプでは、上部にサムネイルの一覧が表示されていて、ここから見たい画像をクリックすることでメインエリアに拡大された画像が表示されます。

サムネイル一覧の両端には矢印ボタンも設置されていて、ここから前後の画像にスライドさせることも可能です。

アニメーションはスライドだけではなくフェードで切り替えるサンプルも用意されているので、気になる人はぜひデモに触れてみてください。

マークアップ・使い方ともにとてもシンプルに記述できるので、サクッと実装できるはず。

また、オプションにはnav、close、showNav、showNavIfOneItem、aspectRatio、showDots、showDotsIfOneItem、arrows、fullScreen、loop、autoplay、autoplayDelay、transition、transitionTimeという項目が用意されています。

ナビゲーション、フルスクリーン、ループ、自動再生など、いろんなセッティングが可能です。

RV gallery-slider

jQuery Autocompleterカスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」前のページ

お洒落でスタイリッシュなタブメニュー「Basic Metro Dynamic jQuery Tab Menu」次のページBasic Metro Dynamic jQuery Tab Menu

関連記事

  1. Ladda

    JavaScript

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

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  2. jQuery Navobile
  3. jQuery.GI.TheWall.js
  4. JQuery Portfolio
  5. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

  6. ssi-modal

    JavaScript

    フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」

    ssi-modalはカスタマイズ性に優れたフレキシブルでパワフルなモー…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP