JavaScript

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

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

[ads_center]

anoFlow

anoFlow

anoFlow

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

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

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

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

関連記事

  1. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  2. ptrLight

    JavaScript

    モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

    ptrLightはモバイル用のリフレッシュインジケーターを実装すること…

  3. Animated Page Transition
  4. jQuery.Flexdatalist

    JavaScript

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

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

  5. jquery.adaptive-backgrounds.js
  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. あらびきソーセージパイ
  2. REACH フロス
  3. MacBook AirとApple Watch
  4. エアリズムコットンタンクトップ
PAGE TOP