JavaScript

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

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

[ads_center]

anoFlow

anoFlow

anoFlow

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

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

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

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

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP