问题标签 [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 投票
2 回答
12923 浏览

ajax - 如何在 jquerymobile 页面中集成 photoswipe?

我正在尝试在我的 jquerymobile 应用程序中实现 photoswipe。我正在使用 jquerymobile 和 Django 来开发我的应用程序,现在我想在我的页面上设置一个画廊。基本上我有 3 页,第 1 页是类别索引,然后我得到每个类别的子类别索引,最后我进入详细项目页面。

在 itemPage 上,我放置了处理 photoswipe 库的代码,但是它没有按我的预期工作,因为页面的内容是通过 ajax 加载的(我必须进行完全刷新才能加载 photoswipe 脚本)我知道我可以解决这个问题,使用 rel="external" 调用 subctageory 级别的链接,但这会导致 Itempage 上的完全刷新,我想保持页面之间的平滑过渡。所以我需要知道如何在页面加载之前设置 photoswipe 的代码。

下面的代码来自itemPage级别(我把photoswipe demo的代码放在里面)

我把脚本放在里面来处理画廊,<div data-role="page" id="Home"> 因为如果我把代码放在头中,永远不会为 ajax 调用执行。但是,当我执行上面的代码时,页面没有显示最后一级(itempage 永远不会出现)我想这个问题可以通过改变页面加载的方式来解决,如下所示<div data-role="page" id="Home">

但是我如何调用 photoswipe 脚本,如果我将警报函数中的代码替换为

它不工作?页面无法加载希望您能帮助我!

谢谢

0 投票
1 回答
2049 浏览

javascript - 试图在移动网站上实现 PhotoSwipe,但是

我正在尝试设置 PhotoSwipe (http://www.photoswipe.com/) 这是一个与移动设备兼容的照片库 jquery 插件。但是我在实现插件时遇到了麻烦!我已经完成了我应该添加的每一行,但插件根本不起作用。图像链接显然很好,但插件无法正常工作。我想错过了一些东西,但我不知道是什么。

我对 jQuery 比较陌生,老实说,我不知道任何东西是如何工作的,我只知道如何插入东西。

我检查了文件路径,一切似乎都指向了正确的位置。

这是我的代码。

在“头”标签中

在“身体”标签中

0 投票
6 回答
6877 浏览

jquery - 防止 photoswipe 隐藏工具栏

我正在使用带有 jQ​​ueryMobile 1.1-rc1 的 PhotoSwipe 3.0.4。

我试图阻止 PhotoSwipe 隐藏它的工具栏。

我尝试将captionAndToolbarAutoHideDelay参数设置为 0,希望这会阻止工具栏隐藏,但这似乎只是阻止它自动隐藏。

我还将captionAndToolbarHide设置为 false 希望这会阻止它隐藏,但这没有帮助。

当用户点击和滑动图像时,我想防止工具栏隐藏,因为在某些手机上,让工具栏再次显示有点困难。

有没有人有这方面的运气?

0 投票
0 回答
476 浏览

android - photoswipe 杀死 android 2.3.x 上的选择框

当页面上显示照片滑动实例时,同一页面上的所有选择框都不再在 android 2.3.x 上工作(2.3.3 在模拟器中测试,2.3.5 在 Galaxy S2 上测试)。

当 thumbstrip_z.show(0); 在选择框下方的脚本中注释了再次工作。

这可以解决还是我做错了什么?

最好的问候,库尔特

0 投票
1 回答
387 浏览

iphone - 移动网站图库。使用捏合退出全屏

我有一个客户在他的移动网站上请求了一项功能。捏以退出全屏图像模式。据我了解,您可以通过这种方式退出 iPad 上的图像查看器。

这可能吗?我目前正在使用 photoswipe 在移动设备上显示图库。

网站是:gothage.com

非常感谢您的宝贵时间!

0 投票
1 回答
5525 浏览

jquery - 你如何在 Wordpress 上使用 PhotoSwipe?

我正在尝试在 Wordpress(不是插件)上使用 Photoswipe。在过去的 12 个小时里,我一直在工作,但无法让它工作。我可以详细说明,但我认为在这一点上,我只需要一个全新的解决方案。所以,重申我的问题,你如何在 Wordpress 上使用 Photoswipe?

如果有人有过这方面的经验,或者知道教程,请告诉我。

谢谢

0 投票
1 回答
397 浏览

javascript - 首先从 xml 中读取照片链接并使用 Photoswipe 打开它

我想要做的是将照片的链接保存到一个数组中,然后将其传递给 photowiper,以便 photowiper 可以查看我的照片。

不幸的是,jquery xml 解析无法更改全局变量。我可以在 parseXml(xml) 函数中更改全局变量的值。然后我可以将链接传递给函数(窗口,PhotoSwipe)。

0 投票
1 回答
2277 浏览

jquery - jQuery Mobile + Photoswipe,用 ajax 加载画廊?

我正在使用 jquery mobile 创建一个网站,几乎一切都很好。但我有一个小问题,它与Photoswipe(http://www.photoswipe.com/)有关。

这就是发生的事情:

我有几个不同的案例页面按类别划分。当我进入一个案例站点时,我可以单击图库,图像会显示出来并且效果很好。但是,如果我从这个案例页面直接转到另一个案例页面并尝试打开那个画廊。什么都没发生。但是,如果我不直接转到另一个案例页面并转到(没有画廊)之间的页面,然后转到一个新案例。画廊将开放。我使用 jquery 移动标准 ajax 处理,因此每个页面都加载了 ajax,并且与<head>.

图库图片是用 PHP 和 MySQL 加载的,但 id<ul>始终相同;#画廊。

是否与此有关,当直接在具有相同 id 的画廊的页面之间移动时。它搞砸了什么?这是我的代码:

Javascript:

HTML

0 投票
1 回答
750 浏览

php - 将图像动态加载到 javascript 函数中

我正在使用 Javascript 照片查看器插件(此处->http://www.photoswipe.com/)。当用户在图像中滑动时,我想动态更新插件附加到的照片。

我有一个 Javascript 对象(我使用 Joose 框架),它负责根据对解析图像元素的 php 脚本的 ajax 调用结果来更新它的属性。

这是我的代码:

domInjector.output 应该是这样的 -> { url: '" + this.masterObject.elementArray[1].imageLink + "', caption: 'Image 001'}

其中 this.masterObject.elementArray[1].imageLink 是图像的 URL。

但是...因为 ajax 函数需要有限的时间才能完成 domInjector.output 为空几秒钟并且图像滑动插件没有元素!

我的其余代码都很好,一切正常。我只是不知道一旦 ajax 函数完成,我怎么能注入更新的 domInjector.output?

对不起,这个很难解释。不过,任何帮助都会很棒。

0 投票
2 回答
1911 浏览

javascript - PhoneGap - PhotoSwipe 删除图像

到目前为止,PhotoSwipe 非常棒,只是这些我似乎无法解决的小问题

我初始化 PhotoSwipe 如下

在图库中,用户可以通过以下方式选择是否删除图像

一旦按下删除按钮,它就会运行

现在这几乎可以正常工作,除了 2 种情况。

  1. 如果您低于 3 张照片,它会中断幻灯片事件(在幻灯片右侧) - 图像滑到黑屏上。如果您删除并且只剩下 1 张图像,您甚至无法正确查看图像,它只会弹回黑屏。
  2. 如果您再次将图像重新添加到图库中,则会再次显示已删除的旧图像

它使用重新启动

如果您愿意,我可以尝试获取正在发生的事情的录音。我不知道如何解决这个问题,我已经在https://github.com/codecomputerlove/PhotoSwipe/issues和谷歌上环顾四周,但没有任何帮助。

我真正想做的只是从图库中删除图像(仅在独占模式下查看)