Javascript 带有幻灯片阵列的Photosweep图库

Javascript 带有幻灯片阵列的Photosweep图库,javascript,jquery,html,css,photoswipe,Javascript,Jquery,Html,Css,Photoswipe,因此,我选择使用Photosweep,并按照Photosweep文档中的说明,将包含css和min.js的标记整理到html文件中。我已经按照codepen示例所示安排了照片和标记: <div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery"> <div class="row"> <div class="col-md-3"&g

因此,我选择使用Photosweep,并按照Photosweep文档中的说明,将包含css和min.js的标记整理到html文件中。我已经按照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

我在关闭正文标签之前添加了PosikWuffelPar,我已经包含了这个JSFIDLE中显示的脚本:

当我点击我的图像时,我最终会出现这种错误

未捕获的安全性错误:未能对“历史记录”执行“pushState”:URL为的历史记录状态对象file:///C:/Users/Kora%C4%8D/Desktop/Projekti/MMS/Portfolio/index.htmlsection3&gid=null&pid=1无法在来源为“null”的文档中创建“”


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

我也遇到过同样的问题,当您在本地进行测试时,似乎发生了此错误。我把我的文件上传到我的网络服务器,问题自行解决了。在Photosweep代码中的某个地方解析URL时似乎有问题:


很高兴听到这个消息,我不知道通过wamp运行是否有帮助,但我会尝试。将留下反馈