Jquery 加载放大Poup内的弹出式图库

我有一个页面，比如相册，我在这里展示的是唯一的封面，每个封面链接到一个页面，其中包含该相册的多个图像，我使用放大弹出窗口以单个页面显示图库中的图像，并以缩进方式工作

所以我想实现的是，当我点击相册封面图像时，我想打开包含该相册单页内容的图像库（现在它将重定向到单页），我知道我们必须通过Ajax来完成这项工作，我可以在弹出窗口中加载所有图像，但是，有没有一种方法可以使弹出窗口的行为像我们在单页中看到的那样，像弹出窗口中的每个图像、下一个和上一个按钮一样

我现在正在使用此代码： 此处“.ajax popup link”是相册页面中每个图像上的链接，

#gallery

是单个页面中的包装div

<li class="item">
   <div class="item_body">                             
               <a href="http://localhost/mysite/albums/test-album/" class="ajax-popup-link">
                <img src="http://localhost/mysite/uploads/starlight.jpg" /> </a>                    
    </div>
</li>

这是单页代码

<ul class="gallery popup-gallery" id="gallery">
    <li class="item">
        <div class="item_body">          
                    <a class="" href="http://localhost/robanks/uploads/starlight_10.jpg">
                        <img src="http://localhost/mysite/uploads/2015/11/starlight.jpg" />                              
                    </a>              
        </div>
     </li>
</ul>

jQuery('.ajax-popup-link').magnificPopup({
    type: 'ajax',
    modal: true,
    gallery: {
        enabled: true,
        navigateByImgClick: true,
        preload: [0,1] // Will preload 0 - before current, and 1 after the current image
    },
            image: {
        tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
        titleSrc: function(item) {
          return item.el.attr('title');
        }
     },
    callbacks: {
    parseAjax: function(mfpResponse) {
            mfpResponse.data = jQuery(mfpResponse.data).find('#gallery .item');
            console.log('Ajax content loaded:', mfpResponse);
        },
        ajaxContentAdded: function() {
        $('#gallery').magnificPopup({
                        delegate: '.item a',
                        type: 'image',
                        tLoading: 'Loading image #%curr%...',
                        mainClass: 'mfp-img-mobile',
                        gallery: {
                           enabled: true
                        }
                });
            console.log(this.content);
        }
    }
});

jQuery（'.ajax弹出链接'）.magnificPopup({
键入：“ajax”，
莫代尔：是的，
画廊：{
启用：对，
NavigateByMgClick:true，
预加载：[0,1]//将在当前映像之前预加载0，在当前映像之后预加载1
},
图片：{
恐怖：“无法加载。”，
标题RC：功能（项目）{
返回项目。el.attr（“标题”）；
}
},
回调：{
parseAjax：函数（mfpreponse）{
mfpResponse.data=jQuery（mfpResponse.data）.find（“#gallery.item”）；
log（'Ajax内容加载：'，mfpResponse）；
},
ajaxContentAdded:function（）{
$（“#图库”）.magnificPopup({
代表：‘。项目a’，
键入：“图像”，
t加载：“正在加载图像#%curr%…”，
mainClass:'mfp img mobile'，
画廊：{
已启用：true
}
});
console.log（this.content）；
}
}
});

任何帮助都将不胜感激