JavaScript

レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

anoFlowというjQueryプラグインを使えば、レスポンシブなLightbox風のギャラリーを実装することができます。ブラウザ幅を変更すると、アニメーションしながらその幅に合わせて最適化されます。実際のデモではキーボード操作(左右の矢印キーで前後に移動)にも対応しています。

[ads_center]

anoFlow

anoFlow

anoFlow

キャプションもサポートしているので画像に挿入することもできます。キャプションを入れたい場合はdata-captionに好きなテキストを設定します。

オプションもいくつか用意されているので、気になる方は公式サイトで確認することができます。

lightGalleryレスポンシブでタッチ対応のLightbox風ギャラリーを実装できるjQueryプラグイン「lightGallery」前のページ

CSSを使ってテキストに背景画像を設定して背景をアニメーションさせるやり方次のページCSSで背景画像をアニメーションさせる

関連記事

  1. Babylon Grid
  2. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  3. jQuery Modal

    JavaScript

    シンプルでレスポンシブなモーダルボックス「jQuery Modal」

    jQuery Modalはシンプルでレスポンシブに対応したモーダルボッ…

  4. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  5. DD Scroll Boxes
  6. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP