javascript - PhotoSwipe使用图像打开图库

我正在寻找解决方案，请打开带有
img链接。因此，有一个带有图库图标的IMG。我想如果
用户单击它打开图库。

有人知道我该如何处理吗？

我发现了这一点。但是，这在画廊开放。

<script type="text/javascript">
        (function(window, PhotoSwipe){

            document.addEventListener('DOMContentLoaded', function(){

                var
                    options = {
                        preventHide: true
                    },
                    instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );

                    instance.show(0);

            }, false);


        }(window, window.Code.PhotoSwipe));

</script>

最佳规则

最佳答案

我刚刚开始使用photoSwipe，所以我不确定这样做是否可行，但是在我看来，您只需要在单击事件上调用instance.show(0)即可。

假设我在页面上有此元素：<a id="launch-gallery" href="#">Click to launch gallery</a>我可以添加此jQuery click事件以启动图库：

$('#launch-gallery').click(function(evt){
  evt.preventDefault(); // prevent regular click action
  instance.show(0);     // Make sure 'instance' variable is available to this function
});

如果您不使用jQuery，则可以在本机JavaScript中执行相同的操作（但更为冗长）。

我希望这有帮助。

关于javascript - PhotoSwipe使用图像打开图库，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15496776/