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

javascript - 将图像动态添加到 photoswipe

有没有办法在创建后将图像动态添加到 photoswipe 画廊。

情况是这样的。

我正在从服务器获取图像 url 并将它们显示在画廊中。随着项目的下载,锚点和 img 元素被添加到页面中。我希望能够同时将每个附加到照片滑动库。

当前在元素回调中(在加载图像并附加元素之后)我有

除了它在自己的画廊中创建每个元素之外,这很有效。有没有办法获取现有画廊的句柄并附加到它?

0 投票
1 回答
3842 浏览

javascript - iOS上的Photoswipe画廊关闭事件

我已经在我最近使用 jQueryMobile 的一个移动应用程序中实现了美妙的photoswipe库,并且在将它与 iOS 5 结合使用时遇到了一个小问题(可能是其他的,但我只有一个 iOS 5 设备)。

下面是一个实现的javascript

上面的例子与实现指南所说的几乎完全一样,但有一个区别:当引发 pageshow 事件并附加实例时,我调用“photoSwipeInstance.show(0);” 以便立即显示图库。

这一切都很好,除了当我从工具栏关闭图库时,它会返回到静态页面而不是调用它的页面。

我的第一个想法是针对事件“onHide”实现一个方法并执行“history.back();” 陈述:

这在 Android 上就像一个魅力,但在 iOS 上什么也没发生,所以我想到了 iOS 设备的双重历史:

但仍然没有运气,iOS 只是坐在那里嘲笑我。有谁知道重定向回附加photoswipe实例的页面而不是返回到实际的html页面的最佳方法?这是最终 JS 标记的示例:

0 投票
1 回答
773 浏览

html - 使用照片滑动在按钮上的 JQuery Mobile 自动换行

我有一系列按钮,其中包含使用 Jquery mobile 的 photoswipe 插件的图像。现在,我在每个按钮(位于 内部.gallery li a)中都有文本,但如果图像太小或浏览器太窄,文本会随着按钮变小而超出查看部分。我想要它以便文本换行并且按钮仍然封装文本无论如何。我试过使用white-space:normalandword-wrap:break-word来做到这一点,但无济于事。除了在加载之前将文本添加到图像中之外,还有其他方法吗?

0 投票
3 回答
3365 浏览

jquery - 更改照片滑动的背景颜色

http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 我正在使用这个例子。我已经很久了,但不知道背景颜色在哪里。任何帮助都会很棒。谢谢

0 投票
1 回答
4843 浏览

jquery-plugins - 如何使用 jquery-mobile 界面在 photoswipe 中使用事件处理程序

我正在尝试根据与我的画廊相关的任意数据进行一些图像处理。

但是 ondisplayimage 事件永远不会被触发,因为 PhotoSwipe 没有定义

示例https://github.com/codecomputerlove/PhotoSwipe/blob/master/src/examples/07-custom-toolbar.html不使用我需要的 jquery 实现。所以基本上我如何使用 jquery mobile 连接到事件处理程序。

0 投票
1 回答
92 浏览

javascript - 如何诊断特定 JavaScript 失败的功能?

我想利用(对我而言)复杂的 Javascript,Photoswipe。作者很清楚他们不支持 IE 7,尽管演示站点在 IE 7 中确实可以在某种程度上发挥作用,但我的团队构建的实例却不支持。

我不想尝试修改脚本,而是想使用Yep/Nope之类的东西来检测哪个 Javascript 功能失败,并提供一个更简单的替代库,我知道它在旧浏览器中运行良好。我试图避免用户代理嗅探。

是否有可用的工具或方法可以在您不了解个人来龙去脉的脚本中找出要检测特征的内容?

0 投票
0 回答
794 浏览

jquery - Photoswipe.js 工具栏隐藏

(首先,我们不希望网站看起来这样,这是客户的选择)

我正在为下面的缩略图使用 Photoswipe.js(http://www.photoswipe.com/),但工具栏没有出现。 http://dev.realtyvictoria.com/listings/listing-details/307911

Photoswipe.js 正在加载,photoswipe.css 正在加载,klass.min.js 正在加载,我可以在 Chrome 的开发者工具 > 资源下看到图片。

我试过在 photoswipe.css 中使用 ../images 和 /images

我已经在使用“captionAndToolbarAutoHideDelay: 0, captionAndToolbarHide: false”...

但仍然没有工具栏。有什么帮助吗?

谢谢

0 投票
1 回答
839 浏览

ios5 - 在 iOS 5 中创建自定义照片浏览器,如照片应用程序

我想在 iOS 5 中创建自定义照片浏览器,如照片应用程序。所需的功能是 1)用户可以向左或向右滑动以转到上一张或下一张照片 2)用户可以垂直滚动因为我的图像高度很大(由几个元素组成。用户可以看到全尺寸照片)

调整照片的高度不是一种选择。

我可以使用滚动视图,但如何允许用户垂直滚动并左右滑动?谁能告诉我如何创建它?我只需要 iOS 5+。感谢任何帮助。谢谢

0 投票
2 回答
895 浏览

javascript - 照片滑动jQuery

如何调用 next/prev 方法?我需要将按钮分开,并且无法保留工具栏中的所有按钮。

0 投票
2 回答
1004 浏览

jquery-mobile - 使用 base64 进行照片滑动,图像

我正在使用 Phonegap (Cordova-1.9.0) 和 jQuery Mobile 1.0.1 开发一个 iPad 应用程序。我需要为我的应用程序使用图片库。在我的应用程序中。我找到了照片滑动图片库。我从 iPad 相机捕获图像并保存为 Camera.DestinationType.DATA_URL (Phonegap api)。我的 imagea 保存为 base64,类型。

当我将图像保存为 Camera.DestinationType.FILE_URI 时,Photoswipe 图像库工作正常。

但我的问题是我如何使用 Camera.DestinationType.DATA_URL 使用 photoswipe 画廊?

谢谢你