【jQuery】Magnific Popup ギャラリーモーダルスライダー(2)

[ ID : 1170 ]
シルバー
【jQuery】Magnific Popup ギャラリーモーダルスライダー(2)
実装目安
3分

概要

Magnific Popupのギャラリーのカスタマイズ。モーダルポップアップ内でスライダー(js配列処理)。

用途

  • プラグインで簡単にモーダルウィンドウを実装。
  • デフォルトでレスポンシブに対応。
  • 通常のギャラリーではなく、各サムネイル毎に画像が内包されている。
  • サムネイル下部のコンテンツ(HTML構造)をモーダル内に複製して描画する。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery v3.6.4使用。
  • Magnific Popup v1.1.0使用。

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録