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

関連記事

  1. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

  2. jQuery Social Share Bar
  3. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

  4. JavaScript

    アイコンをクリックすると周りにメニューが表示されるjQueryプラグイン「FerroMenu」

    FerroMenuというjQueryプラグインを使えばアイコンをクリッ…

  5. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  6. OverlayScrollbars

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP