no-image

JavaScript

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

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

Simple Scroll Gallery

デモ

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

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

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

Simple Scroll Gallery

関連記事

  1. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  2. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  3. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

  4. qpScroll
  5. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

最近の記事

  1. Soundcore Ace A1
  2. cheero USB-C PD Charger 60W
  3. DY-S01
  4. OWL-QI10W04

アーカイブ

PAGE TOP