Великолепный тип всплывающего окна из атрибута данных

Я пытаюсь настроить галерею смешанных типов контента следующим образом: 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
    }
});

любая помощь приветствуется.