no-image

JavaScript

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

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

Simple Scroll Gallery

デモ

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

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

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

Simple Scroll Gallery

関連記事

  1. Effect Ideas for Card Stacks
  2. stickyNavbar.js
  3. JavaScript

    カスタマイズしやすい軽量のツールチップを実装できるjQueryプラグイン「TinyTip」

    TinyTipはカスタマイズしやすいツールチップを実装することができる…

  4. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  5. jQuery.Flexdatalist

    JavaScript

    テキスト入力候補を表示させれる「jQuery.Flexdatalist」

    jQuery.Flexdatalistはテキスト入力候補を表示させるこ…

  6. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP