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. no-image
  2. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

  3. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  4. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  5. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  6. JavaScript

    シンプルな構成で簡単に実装することができるツールチップ「jQuery PowerTip」

    とてもシンプルな構成で簡単に実装することができるjQueryプラグイン…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP