问题标签 [photoswipe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
869 浏览

jquery - 在 PhotoSwipe 中,模式窗口中的菜单不显示

我正在使用 PhoneSwipe、jQuery Mobile、PhoneGap 和 Xcode 为杂志开发应用程序。到目前为止一切顺利,但是在显示图像时,模态窗口不起作用,我还没有弄清楚为什么。

我用 Chrome 的 Code Inspector 和 Firebug 检查了代码,一切似乎都很好,没有错误也没有警告,但是当我点击图像时,我仍然无法返回主图库。图像在模态窗口中打开,但没有显示用于操作图库的菜单。

我将我的代码与示例代码进行了比较,它实际上是相同的,所以我不明白我的应用程序发生了什么。

我将我的 PhoneGap 项目中的 www/ 文件夹上传到服务器,您可以在这里查看: http ://www.celebrityeventsmagazine.com/app/

这就是我想要实现的目标:

http://www.photoswipe.com/latest/examples/04-jquery-mobile.html

我想知道发生了什么,因为我没有调试过这个问题。谢谢!

0 投票
1 回答
2548 浏览

jquery-mobile - Photoswipe 库中的第一个选择不起作用

我正在使用带有 jQ​​uery Mobile 的 Photoswipe 图库。第一个选择,当单击/点击时仅显示具有完整 URL 的图像,并且不适用于图库方式。当我返回并再次选择时,它工作正常。

谁能告诉我如何解决这个问题?

干杯!

0 投票
0 回答
497 浏览

jquery - 我如何嵌入照片滑动

这是问题:

我将 photoswipe 上传到我的服务器并给它一个子域以在 iframe 中使用它。在我打开照片后,但是当我点击缩略图时,图片完全不是在 Jquery 上打开的。就像图书馆不工作

我在网上搜索了同样的问题,但如果有人可以帮助我解决这个问题,我找不到任何东西吗?

谢谢

0 投票
1 回答
1162 浏览

jquery - Jquery Mobile Photoswipe 无法处理外部页面

我想我在 Photoswipe 中发现了一个错误,我需要一些帮助。以下代码是为使用 Photoswipe 的移动应用程序制作的页面。在一个 html 文件上,您有两个页面,并且一切正常:

现在。我需要使用参数和 JSON 加载我的应用程序的图像。因此,我尝试将画廊放在外部页面上。它没有用。拇指显示正确,但是当您按下其中一张图像时,它会作为通常的链接加载,并且图库会中断。这是代码:

索引.html:

我的画廊.html:

任何想法可能有什么问题或者它可能是Photoswipe的问题?我需要在我的应用程序上实现一个动态生成的画廊。

0 投票
1 回答
2632 浏览

android - Phonegap +带有远程图像的Photoswipe

我一直在用 Phonegap 和 Photoswipe 苦苦挣扎。这是我所拥有的:

1)目前我正在通过 php JSON 调用请求远程图像(工作)

2)JSON图像返回并本地存储到Android设备(工作)

3)所有图像都显示在 Photswipe 缩略图库页面上(工作)

问题在这里 4) 当我点击缩略图时,我没有得到 Photoswipe 画廊格式,它只是将图像加载到空白页面。

我的猜测是在我将所有图像完全传递到 <#gallery 之前加载 photoswipe 脚本

我的问题是如何重新初始化 Photoswipe 以读取所有图像或如何将 Photoswipe 功能附加到附加到

我正在尝试发布我现在正在使用的代码,但这里的格式有问题。

0 投票
1 回答
1083 浏览

jquery - 在幻灯片 + 灯箱中智能加载图像

我正在寻找一个响应式幻灯片插件,它允许我进行渐进式图像加载,我找到了 cycle2。这似乎使用像 innerHTML 这样的东西在幻灯片中添加图像,这是因为要么prettyPhotoPhotoSwipe不使用添加的图像。这是一个类似的问题:使用 document.write 编写 href 时,prettyphoto 不会加载

有人知道类似插件或如何将新图像添加到灯箱索引?

0 投票
2 回答
1794 浏览

javascript - 单击图像(上一个和下一个)手动导航照片滑动中的图像

我在我的移动应用程序中使用 photoswipe。

我们在目标中显示图像div,我们没有使用全屏视图。

一个要求是内置工具栏不可见,并且在 div 的左侧和右侧有一个箭头图像以移动到上一个和下一个图像并允许滑动。如何photoswipe.js在单击图像时手动调用 JavaScript 来执行此操作。

0 投票
2 回答
801 浏览

event-handling - 向下滑动时关闭照片滑动窗口

这个问题有点具体,但我已经实现了 Photoswipe ( http://www.photoswipe.com ) 图片库,并且希望在用户向下滑动时关闭全屏查看器。

已经有与查看上一张/下一张图像相关的左右滑动事件以及具有我正在寻找的相同功能的关闭按钮。

向下滑动 = 关闭全屏查看器。

0 投票
0 回答
1104 浏览

javascript - jQuery Mobile / Photoswipe / 主页导航中断

我目前正在为一个使用 jQuery Mobile (http://jquerymobile.com/) 和 Photoswipe (http://www.photoswipe.com/) 的照片库的客户端开发一个移动站点。

到目前为止,我正在尝试解决的当前问题是:

  • 转到照片库页面
  • 点击“返回”按钮或Logo返回首页
  • 尝试单击前 3 个导航按钮中的任何一个(这些链接到移动站点内的内部“页面”(div)),但没有任何反应。您可以在地址栏中看到 URL 已更新,但内容实际上并未更改,因此这些导航按钮本质上是死链接。

到目前为止,我一直在 iPhone 设备上遇到这个问题,我可以在 Safari 中复制这个问题。我已经为此绞尽脑汁好几个小时了,无法弄清楚是什么导致了这个问题。

您可以在此处查看实时 URL: http ://cms.vizergy.com/vsites/Preview.aspx?siteguid=af91c21b-1717-4e57-935c-a617fed2303b

这是我将 Photoswipe 附加到页面的代码:

任何帮助/见解将不胜感激!

编辑:

从我出色的开发同事那里得到帮助,他发现 Photoswipe 的代码存在缺陷。看起来有一行说如果“windowsHashChangeHandler”为空,则从“hashChange”事件中删除所有事件处理程序,使后退按钮无用。基本上改变你的photoswipe.js文件中的以下内容:

对此:

详细信息可以在这里找到: https ://github.com/codecomputerlove/PhotoSwipe/pull/351

0 投票
0 回答
644 浏览

android - 如何通过移动应用程序使用 photoswipe 长按保存图像?

我正在使用 photoswipe 创建一个移动应用程序,并将我的画廊等放在一起。现在我想结合一种方式让用户能够长按图像并获得保存、墙纸等选项。有谁熟悉解决这个问题的最佳方法是什么?