no-image

JavaScript

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

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

jGallery

デモ

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

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

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

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

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

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

jGallery

関連記事

  1. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  2. Woco Accordion jQuery plugin
  3. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

  4. jQuery RS Carousel

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイ…

  5. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  6. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP