no-image

JavaScript

フレキシブルでモバイルフレンドリーなフォトギャラリー実装「jGallery」

jGalleryは、フレキシブルでモバイルフレンドリーなフォトギャラリーを実装することができるjQueryプラグインです。カスタマイズも簡単で、メジャーなブラウザとの互換性もバッチリです。Retinaフレンドリーでもあるので、高品質な画像にこだわりたい人にも最適ですね。

jGallery

デモ

デモでは横幅いっぱいに表示されたダイナミックなスライダーギャラリーが設置されています。画像にマウスオーバーすると、左右に前後移動する矢印アイコンが表示されます。

スライダー下部にはサムネイル画像によるナビゲーションも設置されていて、ここから目的の画像を選択することも可能です。

また、スライダーの左下にはスライドショーの再生ボタンも用意されています。再生ボタンをクリックすると、自動再生機能が有効になります。スライダー画像の下に時間経過のバーが表示され、時間の経過とともに左から右へバーが伸びていき、右端まで伸びると次の画像へスライド移動される仕組みです。

さらに、スライドショーが有効になると、再生ボタンの隣にランダムボタンが現れます。ここをクリックすると画像がランダムで切り替わっていきます。

実装に関しても、50を超えるパラメーターや67のトランジションエフェクトなど、優れたカスタマイズ性を有しています。

フレキシブルでモバイルフレンドリー、そしてダイナミックなフォトギャラリーを実装したいという人は、ぜひ「jGallery」を活用されてみてはいかがでしょうか?

jGallery

関連記事

  1. no-image

    JavaScript

    シンプルでパワフルなセレクトボックスを実装できる「SelectPage」

    SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフ…

  2. Swipeshow

    JavaScript

    スワイプにも対応したシンプルなスライドショーを実装できるjQueryプラグイン「Swipeshow」…

    タッチデバイスのスワイプにも対応したシンプルなスライドショーを実装する…

  3. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  4. lightgallery.js
  5. jQueryプラグイン

    JavaScript

    jQueryプラグイン・2014年下半期70選まとめ

    今年も残すところ後わずかとなってしまいました。というわけで、2014年…

  6. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP