Magnific Popupのギャラリーで「1 of 7」みたいなカウンターを消す方法

目次

• オプションで消す
• CSSで非表示にする

オプションで消す

サンプル

JS

$('.gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	gallery: {
		enabled:true,
		tCounter: '' //カウンターの値を空に｡デフォルト値'<span class="mfp-counter">%curr% of %total%</span>'
	}
});

6行目 オプションに「tCounter」を追加し､値を空にします｡

すると､カウンターが表示されなくなります｡

CSSで非表示にする

JSをいじれない場合､CSSに以下を追記します｡

.mfp-wrap.mfp-gallery .mfp-counter {
	display: none;
}

以上｡

コメント