Как использовать крошечный слайдер 2 с плагином Magnifi c Popup

Question

Я хочу использовать этот плагин для скользящих изображений: https://github.com/ganlanyuan/tiny-slider с всплывающим плагином Magnifi c. Проблема в том, что слайдер Tiny не может работать, когда внутри тега есть изображение (которое мне нужно для Magnifi c popUp). Это работает хорошо, когда у меня есть контейнер div и только изображения внутри него, но не когда я помещаю изображение внутрь. Это работает, но не показывает мне изображение: Слайдер с одним изображением, установленным внутри тега Вот мой код:

<div class="wed-slider">
                   <a class="popup-link" href="img/weddings-other/mtphotobl-weddingBig-1.JPG">
                        <img src="img/weddings-other/mtphotobl-wedding-1.JPG" alt="MT photography vjencanje 1">
                    </a>
                    <img src="img/weddings-other/mtphotobl-wedding-2.JPG" alt="MT photography vjencanje 2">
                    <img src="img/weddings-other/mtphotobl-wedding-3.JPG" alt="MT photography vjencanje 3">
                    <img src="img/weddings-other/mtphotobl-wedding-4.JPG" alt="MT photography vjencanje 4">
                    <img src="img/weddings-other/mtphotobl-wedding-5.JPG" alt="MT photography vjencanje 5">
                    <img src="img/weddings-other/mtphotobl-wedding-6.JPG" alt="MT photography vjencanje 6">
                    <img src="img/weddings-other/mtphotobl-wedding-7.JPG" alt="MT photography vjencanje 7">
                    <img src="img/weddings-other/mtphotobl-wedding-8.JPG" alt="MT photography vjencanje 8">
                    <img src="img/weddings-other/mtphotobl-wedding-9.JPG" alt="MT photography vjencanje 9">
                    <img src="img/weddings-other/mtphotobl-wedding-10.JPG" alt="MT photography vjencanje 10">
                    <img src="img/weddings-other/mtphotobl-wedding-11.JPG" alt="MT photography vjencanje 11">
       </div>

//Weddings slider
var slider = tns({
    container: '.wed-slider',
    controls: false,
    arrowKeys: true,
    autoplay: true,
    autoplayHoverPause: true,
    autoplayButtonOutput: false,
    lazyload: true,
    mouseDrag: true,
    responsive: {
      640: {
        edgePadding: 20,
        items: 2
      },
      700: {

      },
      900: {
        items: 6,
        gutter: 10,
      }
    }
  });

//Weddings popup
$('.wed-slider').magnificPopup({
  delegate: 'a', // child items selector, by clicking on it popup will open
  type: 'image'
  // other options
});

Кто-нибудь знает решение для этого?