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. スキャルプ&ヘア リファイニング トリートメント オイル R
PAGE TOP