JavaScript

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

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

[ads_center]

anoFlow

anoFlow

anoFlow

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

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

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

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

最近の記事

  1. FUNLOGY スピーカー
  2. 聖剣伝説 VISIONS of MANA
  3. エルデの追憶
  4. コーヒー豆
  5. マレニア様……
PAGE TOP