no-image

JavaScript

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

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

Simple Scroll Gallery

デモ

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

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

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

Simple Scroll Gallery

関連記事

  1. Scrollgress

    JavaScript

    スクロールに連動するプログレスバーを実装できる「Scrollgress」

    Scrollgressはスクロールに連動するシンプルで軽量なプログレス…

  2. hsimp

    JavaScript

    パスワードの安全性を教えてくれる「hsimp」

    hsimpは、パスワードがどれだけ安全かを判定してくれるスクリプトです…

  3. HCaptions

    JavaScript

    ホバー時に色々なエフェクトでキャプションをオーバーレイ表示できるjQueryプラグイン「HCapti…

    指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ…

  4. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  5. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  6. AOS

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

最近の記事

  1. カメラマングローブ Grip Hot Shot III
  2. 包(つつむ)巾着ポーチ
  3. KMC-80BK
  4. 味噌ラーメン〜旨辛にんにく味噌〜

Instagram始めました

Facebookページ

PAGE TOP