Styling MagnificPopup Image - PullRequest
Новая
       11

Styling MagnificPopup Image

0 голосов
/ 21 мая 2019

У меня есть галерея миниатюр с вызовом magnificPopup.Это все работает, хотя я не могу стилизовать вызываемое изображение.На данный момент он остается за всем контентом.Кто-нибудь знает, какой класс я могу использовать для решения этой проблемы?

Я не уверен, если это проблема, но в качестве примечания, для большинства другого содержимого в приложении указан z-index. 

<div class="column">
  <a href="staff/anthony.jpg" class="without-caption image-link"><img src="staff/anthony.jpg" class="team" width="172" height="115" /></a>
  <a href="staff/cmay.jpg" class="team without-caption image-link"><img src="staff/cmay.jpg" class="team" width="172" height="115" /></a>
  <a href="staff/ed.jpg" class="team without-caption image-link"><img src="staff/ed.jpg" class="team" width="172" height="115" /></a>
  <a href="staff/gregg.jpg" class="team without-caption image-link"><img src="staff/gregg.jpg" class="team" width="172" height="115" /></a>
  <a href="staff/haven.jpg" class="team without-caption image-link"><img src="staff/haven.jpg" class="team" width="172" height="115" /></a>
  <a href="staff/heidi.jpg" class="team without-caption image-link"><img src="staff/heidi.jpg" class="team" width="172" height="115" /></a>
</div>

$(document).ready(function() {
  $('.without-caption').magnificPopup({
    type: 'image',
    closeOnContentClick: true,
    closeBtnInside: false,
    image: {
      verticalFit: true
    },
  });
});
...