【问题标题】:PhotoSwipe: populate / switch image gallery from localStorage?PhotoSwipe:从 localStorage 填充/切换图片库?
【发布时间】:2013-11-13 16:41:22
【问题描述】:

我已经解决这个问题两天了,但无法让它工作。您可以在此 ZIP 文件中找到此处引用的所有文件:http://mtiaz.com/help/help.zip

在“./js/custom.photos.js”文件中,我调用 Ajax 从 wordpress 站点检索 JSON 数据。在成功函数中我做了几件事:

  1. 遍历接收到的所有数据,并通过变量“attachments_gallery”(每个帖子 14 - 17 个附件)将 JSON 对象中返回的每个帖子的所有附件存储在 localStorage 中。

  2. 每个帖子附加一张图片(代表每个 photoSwipe 图库)

  3. 默认隐藏了一个 #overlay div 元素,它包含动态生成的画廊。当用户单击其中一个图库缩略图时,它应该显示在所有内容的顶部,并将图库图像包含在无序列表中。此列表源自之前的 localStorage 事务。

现在,问题开始于在 console.log 中出现以下错误:

未捕获的类型错误:无法读取未定义代码的属性“Util”。photoswipe.noutil.jquery-3.0.5.js:26

无论我使用缩小的脚本还是原始脚本,我都会收到此错误。尽管如此,初始缩略图还是通过 AJAX 加载到视图中。但是,当我点击其中任何一个时,我会收到以下错误:

Uncaught TypeError: Object [object Object] has no method 'photoSwipe' custom.photos.js:157

我就是无法解决这两个问题。有人可以帮我吗?谢谢!

JS 小提琴更新

http://jsfiddle.net/Z6V4p/8/

photoSwipe

【问题讨论】:

  • 是的,普鲁斯......这是正确的。然后将其拉到 #Gallery ul 中,然后将 photoSwipe 分配给它。我做错了吗?
  • 我想了解您真正想要对图像做什么......只是为了实现简单的照片滑动或任何特殊要求?让我知道。
  • 标签: jquery ajax json local-storage photoswipe


    【解决方案1】:

    请尝试下面的小提琴。我已根据您的要求进行了更改。使用 ajax 调用获取图像并使用 photoswipe 显示。

    根据需要设置相应的样式。为简单起见,我没有应用任何样式。

    http://jsfiddle.net/Purus/vBvLK/3/

    下面的简单代码会变魔术。

    var $s = $("#gridView a").photoSwipe();
    

    【讨论】:

    • 你间接解决了我的问题。在您自己的 JSFiddle 中,您使用了 v3.0.4 ...当我切换到相同的版本时,它起作用了! :) 我认为它是 v3.0.5 的一个错误。我怎样才能:(1)谢谢你? (2) 举报?
    • 您可以通过github.com/codecomputerlove/PhotoSwipe/issues 报告该问题,我很乐意为您提供帮助。如果您需要任何其他信息,请告诉我。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签