no-image

JavaScript

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

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

jGallery

デモ

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

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

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

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

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

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

jGallery

関連記事

  1. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

  2. no-image

    JavaScript

    コンテナのサイズに合わせて要素を動的に拡大・縮小できる「Scalable」

    Scalableは、コンテナ領域内にある要素をコンテナのサイズに合わせ…

  3. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

  4. no-image

    JavaScript

    レスポンシブに対応したモーダルウィンドウのようなアラート実装「jquery.alert」

    jquery.alertはレスポンシブに対応したモーダルウィンドウ風の…

  5. jQuery cForm

    JavaScript

    フォームのスタイルをカスタマイズできる「jQuery cForm」

    jQuery cFormはフォームのスタイルを簡単にカスタマイズするこ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP