no-image

JavaScript

縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

Simple Scroll Galleryは縦スクロールによるかっこいいフォトギャラリーを実装できるのが特徴です。フルスクリーンで表示され、ダイナミックなスクロールギャラリーがとても素敵です。

Simple Scroll Gallery

デモ

サンプルにあるサムネイル画像をクリックするとフォトギャラリーがフルスクリーンで表示されます。上下にスクロールすることで画像が切り替わっていきます。

また、キーボードにも対応していて、上下左右キーから操作することも可能です。ギャラリーを閉じる場合はescキーを押せばOKです。ほかにも左上にバツ印があるのでここから終了することもできます。

Simple Scroll Galleryはレスポンシブにも対応しているので、スマホやタブレットなどからでも最適なレイアウトで表示されます。いろんなデバイスに対応できるダイナミックな縦スクロールによるフォトギャラリーを実装したい人は、ぜひ「Simple Scroll Gallery」をチェックしてみてください。

Simple Scroll Gallery

関連記事

  1. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

  2. Playful Little Tooltip Ideas
  3. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  4. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  5. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

  6. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP