Question

所以我选择使用Photoswipe并将我的标记包括css和min.js放入我的html文件中，就像在photoswipe文档中所说的那样。我已经安排了我的照片和标记，因为它在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/

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

Uncaught SecurityError：无法在'History'上执行'pushState'：一个历史状态对象，其URL为'file：/// C：/ Users / Kora％C4％8D / Desktop / Projekti / MMS / Portfolio / index。 html＃section3＆amp; gid = null＆amp; pid = 1'无法在原点为'null'的文档中创建。

任何人都知道这是关于什么的？

Answer 1

我一直遇到同样的问题，看起来当你在本地测试时会发生这个错误。我将文件上传到我的网络服务器，问题自行解决。在Photoswipe代码中的某处解析URL似乎是一个问题：

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

带有幻灯片阵列的Photoswipe画廊

1 个答案: