Magnific Popup Gallery: Как отобразить счетчик в встроенном типе?

Question

Я использую magnific popup для отображения смешанной галереи image type и inline type элементов.

HTML:

<a href="http://lorempixel.com/400/200/" class="magnific">Image Popup</a> 

<a href="#test-popup" class="magnific mfp-inline">Show inline popup</a> 

<!-- the inline content --> 
<div id="test-popup" class="white-popup mfp-hide"> 
    Inline content 
</div> 

JS:

$('.magnific').magnificPopup({ 
    type: 'image', 
    gallery: {enabled: true} 
}); 

Полный рабочий пример является here.

Как вы можете видеть, элементы типа изображений автоматически получить «х у» счетчика так:

Как я могу получить этот счетчик для элементов встроенного типа, тоже?

Answer 1

мне удалось заставить его работать, используя без динамически генерируемые встроенные элементы, содержащие

<div class="mfp-content"></div>

слегка заплат Magnific всплывающее окно:

https://github.com/dimsemenov/Magnific-Popup/pull/537

Answer 2

Он может быть добавлен только к динамически созданным встроенным всплывающим окнам, для этого вам просто нужно добавить <div class="mfp-content"></div> в разметку элемента. Пример http://codepen.io/dimsemenov/pen/GpdFs

В противном случае вам потребуется написать собственный счетчик через popup API.