问题标签 [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.
jquery - 如何显示/隐藏 PhotoSwipe 工具栏
我正在构建一个基于 Photoswipe 的项目。
有没有一种方法可以创建外部调用来按需显示或隐藏工具栏?(即,如果用户定义的外部事件甚至发生)
有没有一种用于 Photoswipe 的 API?
jquery-mobile - Photoswipe 自定义标签立即关闭幻灯片
使用 JQM 在桌面上进行测试不会产生这个问题,因此很难确定。
背景故事:我创建了服务器端代码 (php) 来接受查询字符串并直接打开图片库。但是,如果用户想在移动设备上浏览画廊时分享链接,尤其是某张照片;大多数移动浏览器共享核心链接,而不是实际照片。在事件中轻扫时很容易为带有照片 ID(例如 #photoID=987)的 URL 创建 URL 主题标签修饰符,但前提是画廊最初是在没有主题标签的情况下启动的。然后很容易与手机的本机方法共享。
问题:如果画廊加载了主题标签,画廊将弹出正确的图像,但随后立即关闭幻灯片放映。并且在此之后的每张照片都以相同的方式执行,幻灯片打开然后关闭。
我已经关闭了 JQM 使用的所有 AJAX 和主题标签锚函数。此主题标签 url 功能在使用桌面浏览器时按预期工作,但在使用任何移动浏览器时不起作用。
有没有其他人尝试过这个功能?
我可能使这比我的描述更加混乱。
答: JQM 的标签处理程序不需要关闭。Photoswipe 需要将此处理程序添加到选项中:backButtonHideEnabled: false
android - 无法将 PhotoSwipe 与 android webview 一起使用
这是我的网络视图配置
我正在尝试的网址是“ http://www.photoswipe.com/latest/examples/04-jquery-mobile.html ”
当我的 webview 加载网页时,一切看起来都很好,但是当我单击图片库中的图片时,我会看到一个长长的滚动条,我不会看到该图片,或者至少不像我使用 android 4.2 中的 google chrome 那样正确。 1.
我不适合我,我正在使用 android api 7
jquery - 如何将图像动态添加到 Photoswipe?- 概览隐藏
我正在尝试将图像动态附加到 Photoswipe。
我试图避免使用图库标签,因为我不想显示图库概览。我的网址存储在一个简单的数组中。
是否可以将此数组附加到 photoswipe 或运行一个简单的 for 循环?还是有不同的方法?
提前谢谢:)
javascript - 使用 jquery mobile 的 photoswipe 自定义工具栏
我是 jquery mobile 和 jquery 的新手。我正在使用 phonegap 和 jquery mobile 进行项目。我正在将 PhotoSwipe 用于图片库。它运行良好并显示图像。但我想为我的画廊制作一个用于照片滑动的自定义工具栏。我看到了他们给定的自定义工具栏示例并且几乎成功了。但是虽然我是这个领域的新手,所以我未能将它与 jquery mobile 集成。而且我的自定义按钮根本不起作用。这是我的代码示例。
查看全部按钮根本不起作用。我已经尝试过他们给定的代码,但没有运气。我什至尝试了我现在所做的,但它仍然不起作用。对不起我糟糕的英语。请帮助我...在此先感谢。
ios - iOS上的照片滑动高度错误
我在 iOS 上的 photoswipe (v3.0.5) 的高度大小有问题(仅在 iOS 上,它在 Safari 或 Android 上运行良好)。我们将图片上传到服务器并以最大 800 像素的调整大小保存(fe 643x800 或 800x530,这取决于原始大小)。问题是,当我们尝试在 iOS 上的 phonegap 应用程序上将其可视化时,一些图像会使页面的高度变得比屏幕大,并且它们的图像不适合屏幕。我认为这个错误与 css 无关,因为它适用于一些 jpg 图像并且在其他平台上也能正常工作。当我们上传 png 图像或高分辨率 jpg 图像时,问题就开始了(我检查过我们正在可视化调整大小的图像)。
有没有发生在别人身上?
谢谢!
uiwebview - 在 ios4 UIWebView 中的照片滑动旋转问题
我在我的 ios 应用程序中使用 photoswipe 3.0.5。在模拟器(ios 6.1)中一切正常,但是当我在我的真实设备(ios4.3)上运行应用程序并且我从纵向旋转到横向,反之亦然,uiwebview 正确旋转但图像没有。
这似乎是一个常见问题,事实上 photoswipe 的 github 页面(https://github.com/codecomputerlove/PhotoSwipe)说:
Work around for issue #141 now officially added - when rotating an app with PhotoSwipe displayed in a UIWebView, PhotoSwipe does not rotate. This seems to be an issue with UIWebView not PhotoSwipe. To enable this work around, set "enableUIWebViewRepositionTimeout = true" when creating your PhotoSwipe instance. You can also specify the frequency of this timeout by setting "uiWebViewResetPositionDelay" (default 500ms) - Please Note This is not needed for PhoneGap apps, nor web apps added to your homescreen.
但我不知道在哪里添加那行代码。谁能帮我一把?
这种“变通”真的有用吗?我问这个问题是因为模拟器上一切正常。
jquery - Photoswipe:使用 photoswipe 在 iframe 中触发事件
在一个网站中,我有一个 iframe,其中包含一个在启动时全屏显示的 photoswipe 应用程序。现在,应该从 iframe 外部控制 photoswipe 幻灯片。我在主站点中有这段代码:
和 iframe 中的这段代码:
在这里,单击下一个、上一个按钮时出现错误: ReferenceError: myPhotoSwipe is not defined myPhotoSwipe.next();
如您所见,事件正在触发,但 myPhotoSwipe.next() 函数未定义。任何想法,运行代码要改变什么?
提前致谢。
angularjs - 加载视图后如何获得指令触发?
我知道这已经被问了一千次了,但我想我已经尝试了我读过的每一个解决方案,但我似乎无法让它发挥作用。
我有一个从中获取图像的 API,在将图像拉入视图后,我希望它们使用 photoswipe 在移动设备上显示。
我有一个指令:
我在控制台中收到此错误:
我猜这是因为指令在视图渲染之前运行。
如果我添加 $timeout 而不是 watch 那么代码确实有效。不幸的是,这个解决方案并不好,因为从 API 获取数据可能会有延迟。此外,代码在超时内不起作用。
我已经尝试过,上面的代码,我尝试过使用 $viewcontentloaded,尝试过在 ng-repeat 中的最后一个元素之后触发函数,但都不起作用。
任何帮助将非常感激。
编辑:
这是HTML。
button - Photoswipe 关闭图库按钮代码
我已经尝试使用 history.go(-1) 关闭 Photoswipe 屏幕库;但它会将我带到我的画廊所在的前一个屏幕。如何使用留在我调用我的画廊的页面中的代码关闭 Photoswipe 屏幕画廊?提前致谢。