Галерея попапов — как сделать?

Question

[ascold2013]

Здравствуйте!
Имеется обычная фотогалерея, в которой есть ссылка - "Подробнее". По ее клику открывается попап с развернутой информацией к данному элементу галереи. Со своей разметкой. Соответственно попап у меня вынесен в отдельный html-шаблон. Вопрос - как сделать popup-галерею. Поясню - попапы должны листаться как обычная popup-галерея фотографий. Но у меня не фото в попап-галерее, а html-шаблон. Пробовал fancybox - там получается обычный попап. Подскажите подходящий плагин.
Вот Ссылка из элемента галереи

<a href="popup.html" data-fancybox-type="iframe" class="memorial__readmore">Подробнее >></a>

Answer 1

[Денис Инешин]

Colorbox.js - может открывать в попапах все, вплоть до отдельных html страниц.

Comments

[ascold2013]

но он также создает простой попап. А мне нужно чтобы попап еще работал как галерея.

[ascold2013]

т.е галерея с собственным контентом html. А все что я пока видел - либо фотогалерея, либо попап с собственным контентом. А мне нужно и то и другое вместе

Answer 2

[tyzberd]

я делал по этому примеру https://codepen.io/dimsemenov/pen/sHoxp
только тут данные в js а я добавлял каждому блоку в data атрибуты, потом получал и выводил

вам наверно больше подойдет так dimsemenov.com/plugins/magnific-popup/documentatio...

$('button').magnificPopup({
  items: {
      src: '#popup',
      type: 'inline'
  }
});

только передать массив объектов

$('button').magnificPopup({
  items: [{
      src: '#popup',
      type: 'inline'
  } , {
      src: '#popup22',
      type: 'inline'
  }
]
});