问题标签 [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 回答
257 浏览

javascript - 覆盖 HTML CSS 元素

我最近在我的网站上添加了一个 Photoswipe 画廊,其中应用了以下 CSS:

现在的问题是由于此溢出而导致全屏画廊滚动,但它应该紧贴显示它的屏幕,没有滚动。我不想使用 jQuery 删除它,因为我在此页面上遇到了 jQuery 问题。

我试过:

没有运气。我还能做些什么来删除它?

0 投票
1 回答
1265 浏览

javascript - PhotoSwipe 在新窗口中打开照片

我正在尝试使用 javascript 在新窗口中打开当前可见的照片,但它也必须在 iPad 上运行。我尝试的是在工具栏上添加一个按钮(如示例中所示)。我还在photoswipe.css中添加了那个按钮的css。我添加了一个javascript函数:

我确实使用示例中的代码来获取自定义工具栏,但添加了创建按钮的部分:

这在 chrome 和 safari 等 webkit 浏览器中完美运行(照片在新窗口/标签中打开)。但是当我在 iPad 上尝试时,它不起作用。当我按下按钮时,什么都没有发生。

有人可以帮我解决这个问题吗?也许我做错了,所以告诉我不同​​的方法是否会更好。

谢谢!

0 投票
1 回答
277 浏览

javascript - 我可以将 Netrating 或 Google Analytics 放入 Photoswipe js 以计算每张照片的浏览量吗

我正在为我的移动网络照片库使用 photoswipe js,但我需要知道我拥有的视图数量,因此尝试将我的谷歌分析包含到图库中,但不知何故它只能捕获 1 个视图,但有什么方法可以有一个回调事件来加载谷歌分析?那么用户查看的每个图像都有一个视图吗?有没有专家可以帮助我这个非程序员。

0 投票
1 回答
1299 浏览

jquery - PhotoSwipe 与手动无限滚动混淆

我已经为我的个人网站建立了一个图片库,并且我有一个显示相册中照片缩略图的页面。示例标记如下:

我在页面底部有一个按钮,它手动触发 Paul Irish 的无限滚动,它从下一页抓取下一批图像并将它们附加到 .photos。

现在,当访问者单击照片并能够滚动浏览它们时,我使用 PhotoSwipe 作为照片查看器。

我遇到的问题是您加载页面,单击第一张照片并开始滚动,您到达当前页面的最后一张照片,图片为图像 20,然后跳回图像 1。

我需要的是一种 PhotoSwipe 可以处理整批照片的方式,以便相册中的所有 80 张照片,而不是最初显示的前 20 张照片。

所以我想有两种选择:

  1. 让 PhotoSwipe 在一组隐藏或背景的照片链接上工作,以便显示全部 80 个。

  2. 当 photoSwipe 到达图像 20 时,它会触发手动无限滚动并将新照片附加到自身以供用户继续滚动。

我真的不确定如何实现这一点并让它以一种明显而简单的方式工作。

有任何想法吗?

0 投票
3 回答
2888 浏览

jquery - Photoswipe + JQM:返回事件问题

我在使用图库和浏览器后退按钮时遇到问题。与小 (x) 按钮相比,用户更有可能按下后退按钮以退出图库。问题是当您使用后退按钮时,您最终会看到一个没有导航或内容的空白页面,只有页面背景。(例如:http ://www.photoswipe.com/latest/examples/04-jquery-mobile.html )

有什么解决办法吗???

0 投票
2 回答
2262 浏览

ajax - 分离在 ajax 调用问题期间创建的 Photoswipe 实例

图像是通过$.ajax

然后在内部创建 Photoswipe 实例$.ajax

当用户单击浏览器的后退按钮时尝试分离 Photoswipe 实例,但无法分离它。

有谁知道任何可能的解决方案来克服这个问题?

0 投票
3 回答
1178 浏览

jquery - 如何在不点击的情况下打开 PhotoSwipe?

我使用移动PhotoSwipe画廊。我的问题是我不需要通过单击图像来加载它,而是通过单击页面上的其他元素来加载它。可能对ti有一些建议吗?

0 投票
1 回答
637 浏览

jquery - 如何在后台预加载图像

使用 ajax,我得到了一组图像 url,创建ul列表并将其添加到页面中。之后,我打开 Photoswipe 滑块来显示这些图像。手机(ipod、htc)出现问题:图片没有时间加载。有没有办法在打开滑块之前将所有图像加载到临时位置?

0 投票
0 回答
282 浏览

jquery - Photoswipe - 需要更改导航图标的顺序

我有一个照片滑动画廊,默认情况下,在查看完整图像轮播时,底部的导航图标显示为:关闭、上一个、下一个。

我想将其更改为:上一个,关闭,下一个。

我最初认为通过更改 photoswipe.css 以通过切换先前和关闭位置来更改位置,这不会有太大问题。

这不起作用,因为动作似乎是附加到单元格而不是图像上,而 CSS 所做的只是控制背景图像的位置?

任何帮助表示赞赏。

0 投票
1 回答
342 浏览

jquery - 在特定页面/技巧浏览器上禁用 Flash 以加载 jquery 替代

我正在使用一个 WordPress 插件,当 flash 不可用时,它会从 flash 切换到 jQuery。我只想使用 jQuery 版本,即使在安装了 flash 的浏览器上也是如此。我试图进入 swfobject.js 并查看是否可以欺骗它搜索不存在的 flash 版本,从而切换到 jQuery 版本,但它以最小的方式编码,我看不到任何版本号。显然,我在 javascript 方面有点新手。

(插件是 GRAND FlAGallery(GRAND Flash Album Gallery),我想使用可以使用 CSS 自定义的 PhotoSwipe 选项。我知道有 PhotoSwipe 的插件版本,但我发现的那些没有显示选项与 GRAND FlAGallery 中包含的版本一样显示 EXIF 信息。我也没有在 Photo Swipe 站点/GitHub 上找到有关如何显示该信息的文档。)

我希望有人可以向我展示一个可以切换到替代内容的 swfobject hack。(但如果有人知道如何将信息按钮添加到 PhotoSwipe 插件,那将同样有用或更多。现在安装 PhotoSwipe 插件实际上会删除信息按钮,即使在 GRAND FlAGallery 创建的页面上也是如此。)