RV gallery-sliderは軽量でタッチフレンドリーなギャラリースライダーを実装できるのが特徴です。jQueryをベースにしているとのこと。シンプル・軽量なので、スマホなどモバイルからの閲覧にも最適ですね。
RV gallery-slider
以下、RV gallery-sliderの実際のデモページです。
デモではサムネイル付きのものからシンプルな矢印とナビゲーションがついたもの、Lightboxのように拡大表示できるものなど、いくつかのサンプルが用意されています。
サムネイルが付いたタイプでは、上部にサムネイルの一覧が表示されていて、ここから見たい画像をクリックすることでメインエリアに拡大された画像が表示されます。
サムネイル一覧の両端には矢印ボタンも設置されていて、ここから前後の画像にスライドさせることも可能です。
アニメーションはスライドだけではなくフェードで切り替えるサンプルも用意されているので、気になる人はぜひデモに触れてみてください。
マークアップ・使い方ともにとてもシンプルに記述できるので、サクッと実装できるはず。
また、オプションにはnav、close、showNav、showNavIfOneItem、aspectRatio、showDots、showDotsIfOneItem、arrows、fullScreen、loop、autoplay、autoplayDelay、transition、transitionTimeという項目が用意されています。
ナビゲーション、フルスクリーン、ループ、自動再生など、いろんなセッティングが可能です。
シンプルで軽量なタッチフレンドリーなスライダーを実装したい人はぜひチェックしてみてください。RV gallery-sliderの詳しい使い方やダウンロードは、以下のページからどうぞ。
