javascript - 包含幻灯片的Photoswipe画廊

因此，我选择使用Photoswipe，并将我的标记（包括css和min.js）安排到我的html文件中，正如在photowipe文档中所说的那样。我已经整理好了我的照片和标记，如codepen示例所示：

<div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">
           <div class="row">
              <div class="col-md-3">
                 <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
                    <a href="images/1.jpg" itemprop="contentUrl" data-size="1024x1024">
                       <img src="images/1.jpg" itemprop="thumbnail" alt="Image description" />
                    </a>
                    <figcaption itemprop="caption description">Sunset</figcaption>
                 </figure>
              </div>
              .
              .
              .
              and so on

我已经在关闭body标签之前添加了photoswipe html par，并且包括了此jsfiddle中显示的脚本：
https://jsfiddle.net/9wea0gy4/

当我点击图片时，我会遇到这种错误

未捕获的SecurityError：无法在“ History”上执行“ pushState”：具有URL'file：/// C：/Users/Kora%C4%8D/Desktop/Projekti/MMS/Portfolio/index.html#section3&gid的历史状态对象无法在源为“空”的文档中创建= null＆pid = 1”。

有人知道这是怎么回事吗？

最佳答案

我遇到了同样的问题，当您在本地测试时，似乎正在发生此错误。我将文件上传到我的网络服务器，问题得以解决。解析Photoswipe代码中某处的URL似乎是一个问题：

https://github.com/angular/router/issues/326

关于javascript - 包含幻灯片的Photoswipe画廊，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32572071/