【Magnific Popup】矢印ボタンのHTMLや位置のカスタマイズ

[ ID : 4262 ]
シルバー
【Magnific Popup】矢印ボタンのHTMLや位置のカスタマイズ
実装目安
3分

概要

【jQuery】ギャラリータイプのポップアップに表示される矢印ボタンのHTMLや配置を変更する方法を紹介。

用途・要件

  • 矢印ボタンのHTMLを任意に変更可能。
  • デフォルトでは矢印ボタンは画面端に表示されるが、位置をコンテンツ(画像)の横、もしくはコンテンツ(画像)内側に変更可能。(CSSで位置の微調整を行う)
  • 画面幅を縮めても矢印が見切れない。

検証ブラウザ

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

その他

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

実装

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

この記事をシェアする

関連記事

新着記事

全ての記事を見る

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