photoswipe,将照片缩略图放入DIV时停止工作

时间:2016-03-25 07:47:16

标签: javascript css photoswipe

我根据这里的教程http://photoswipe.com/documentation/getting-started.html设置了照片。 并且在#34;如何从链接列表中构建幻灯片阵列"中使用了代码的示例,将其复制出来并且当我放入图像路径时它工作正常,没有任何问题除了图像遍布整个地方的事实。

<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
   <a href="images/gallery/1.jpg" itemprop="contentUrl" data-size="1500x1000">
   <img src="images/gallery/tn/1.jpg" itemprop="thumbnail" alt="" />
   </a>
   <!-- <figcaption itemprop="caption description">Image caption 2</figcaption> -->
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
   <a href="images/gallery/2.jpg" itemprop="contentUrl" data-size="1500x1000">
   <img src="images/gallery/tn/2.jpg" itemprop="thumbnail" alt="" />
   </a>
   <!-- <figcaption itemprop="caption description">Image caption 2</figcaption> -->
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
   <a href="images/gallery/3.jpg" itemprop="contentUrl" data-size="870x1054">
   <img src="images/gallery/tn/3.jpg" itemprop="thumbnail" alt="" />
   </a>
   <!-- <figcaption itemprop="caption description">Image caption 2</figcaption> -->
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="images/gallery/4.jpg" itemprop="contentUrl" data-size="1200x1200">
<img src="images/gallery/tn/4.jpg" itemprop="thumbnail" alt="" />
</a>
<!-- <figcaption itemprop="caption description">Image caption 2</figcaption> -->

我使用了其他地方的代码,我现在不记得这只是一个css类,增加了上面的内容如下

                               图片标题2 - &gt;                                    图片标题2 - &gt;                                    图片标题2 - &gt;                        图片标题2 - &gt;

一旦我添加了所有内容并关闭了当photoswipe脚本停止工作时,它将只打开我点击的图像,但我无法移动到下一个图像,它不会显示左上角那里的图像数量,它只能看到一个图像。 有人知道这里有什么不对吗???

0 个答案:

没有答案