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

ios - PhotoSwipe 不适用于首次页面加载

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

请检查下面的链接。这是我的移动网站。 http://w3qatar.info/aldarmobi

当我们检查链接属性>列表中的任何属性>查看更多照片...在此下方您可以找到缩略图。当我们首先单击缩略图时,它会加载没有画廊视图的原始图像。但是当我们返回并重试时,它会起作用。我正在使用 Opera 移动模拟器进行测试。带有 Mobile_jquery 主题的 Drupal 7。本站使用 Jquery mobile。

内部代码:

html部分:

请你帮助我好吗?我想在 iPhone 设备和 android 手机上工作。

提前致谢。

哈里克里斯。

0 投票
1 回答
626 浏览

jquery - 图像上的 photoswipe 叠加按钮

我正在尝试在图库中的图像上叠加一个按钮(即 Photoswipe 中的全屏模式),但我无法做到这一点。

有人知道怎么做吗?

0 投票
1 回答
816 浏览

jquery - 在 jQuery Mobile 和 PhoneGap 中使用 Photoswipe

我有一个页面显示相册中的照片,我想使用 Photoswipe,因为 Fancybox 在手机上看起来不合适。我查看了网站上的示例并尝试将其与我的应用程序集成,但无法使其正常工作。照片显示,但是当我点击其中一张时,屏幕变为空白,然后当我刷新照片时,照片会像平常一样显示(没有灯箱效果)。我的页面的代码如下:

我正在使用网格来显示照片,所以也许这会弄乱代码?

0 投票
1 回答
1580 浏览

jquery - 通过简单的链接启动 Photoswipe 画廊

我使用 photoswipe 插件:

我想从我页面中的一个简单网址启动画廊,如下所示:

但我不知道怎么做;你能帮助我吗?

0 投票
0 回答
627 浏览

wordpress - 如何修复 Photoswipe,使其不会破坏 Wordpress 上的 WP Google Maps 插件?

我已经安装了 WP Photoswipe 并且最近刚刚安装了 WP Google Maps。

当我禁用 Photoswipe 插件时,地图会显示,当我重新启用它时,我在控制台上收到以下错误:

未捕获的类型错误:无法在第 600 行调用 null(匿名函数)的方法“setCenter”

我也从 Photoswipe 中得到这个错误:Uncaught Code.PhotoSwipe.createInstance: No images to pass。

这是来自 WP Google Maps 的代码:

这是photoswipe网站http://www.photoswipe.com/可以访问js代码,这里太长了。这是wordpress插件:http ://wordpress.org/plugins/wp-google-maps/

希望有人可以帮助我,谢谢。

0 投票
1 回答
380 浏览

javascript - Photoswipe.js // 为图像添加内边距

使用 photoswipe.js,非常酷

只是有点麻烦,图像总是触及视口的边界(意味着图像周围没有空白)

有没有人经历过添加这种特异性?

0 投票
1 回答
244 浏览

javascript - javascript中的图像滑动问题

我正在使用 javascript 在我的应用程序中实现刷卡功能,按照http://www.photoswipe.com/latest/examples/01-default.html演示中的这个链接,代码运行良好,但是在将其添加到我的项目后,图像刷卡不起作用。请帮我..

0 投票
1 回答
162 浏览

javascript - 在 jquery、javascript 中滑动图像的问题

我需要添加应该左右滑动的图像,而不是在 logcat 中出现这个错误,10-28 11:48:25.734: E/Web Console(5348): Uncaught TypeError: Cannot read property 'PhotoSwipe' of undefined at file:///android_asset/www/04-jquery-mobile.html:59 其中第 59 行是}(window, window.jQuery, window.Code.PhotoSwipe));下面的代码。我已包含 swiper 文件并正确引用,仍然无法获取,请帮助我。

0 投票
1 回答
473 浏览

javascript - 照片滑动 - 没有画廊视图 - 没有导航按钮

我是根据在线教程和 Photoswipe 文档构建的。 http://sfrunningtours.com/photoswipetest.html

它在所有浏览器(Safari、FF、Chrome)上的预览都是一样的。但是有2个问题。

首先,像素是堆叠的,而不是像小册子那样插入到画廊视图中

第二个问题是没有导航按钮。否则照片滑动罚款。

我的代码:

我尝试过使用 jquery 版本,但也没有任何乐趣。还添加/替换了我在多个版本和在线教程中找到的不同 css。没有什么。JS 和 CSS 文件是从 Photoswipe 站点下载的,并已放在我的服务器上 main 下的 js 和 css 目录中。我已经确认他们正在被调用。

我哪里做错了?

0 投票
1 回答
1278 浏览

jquery - PhotoSwipe:从 localStorage 填充/切换图片库?

我已经解决这个问题两天了,只是无法让它工作。您可以在此 ZIP 文件中找到此处引用的所有文件:http: //mtiaz.com/help/help.zip

在“./js/custom.photos.js”文件中,我调用 Ajax 从 wordpress 站点检索 JSON 数据。在成功函数中,我做了几件事:

  1. 遍历接收到的所有数据,并通过变量“attachments_gallery”(每个帖子 14 - 17 个附件)将 JSON 对象中返回的每个帖子的所有附件存储在localStorage中。

  2. 每个帖子附加一张图片(代表每个 photoSwipe 画廊)

  3. #overlay div 元素,它包含动态生成的画廊,默认情况下是隐藏的当用户单击其中一个图库缩略图时,它应该显示在所有内容的顶部,并将图库图像包含在无序列表中。此列表源自以前的 localStorage 事务。

现在,问题开始于在 console.log 中出现以下错误:

未捕获的类型错误:无法读取未定义代码的属性“Util”。photoswipe.noutil.jquery-3.0.5.js:26

无论我使用缩小的脚本还是原始脚本,我都会收到此错误。尽管如此,初始缩略图还是通过 AJAX 加载到视图中。但是,当我单击其中任何一个时,我会收到以下错误:

未捕获的类型错误:对象 [对象对象] 没有方法 'photoSwipe' custom.photos.js:157

我就是无法解决这两个问题。有人可以帮我吗?谢谢!

JS 小提琴更新

http://jsfiddle.net/Z6V4p/8/