Я пытаюсь настроить галерею смешанных типов контента следующим образом: http://codepen.io/dimsemenov/pen/vKrqs
но я хотел бы динамически читать тип из разметки элементов, а не записывать ссылки и типы в js.
<a class="lightbox" data-type="image" href="imagethumb" >
<img src="fullimage">
</a>
<a class="lightbox" data-type="iframe" href="iframelink">
Iframe link
</a>
Есть ли способ установить тип всплывающего окна, прочитав атрибут данных элемента,
что-то вроде
$(".lightbox").magnificPopup({
type: $(this).attr('data-type'),
mainClass: 'mfp-with-zoom',
zoom: {
enabled: true,
duration: 300,
easing: 'ease-in-out',
opener: function (openerElement) {
return openerElement.is('img') ? openerElement : openerElement.find('img');
}
},
gallery: {
enabled: true
}
});
любая помощь приветствуется.