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

jquery - 将网站联机时出现照片滑动错误

我有以下网站: http: //kenya.magicblue.es/index.html

当您单击图库时,您可以看到这样的照片滑动:

在此处输入图像描述

然后我做F5,它工作正常并正确放置图片。

它在所有浏览器和移动设备中都是一样的,我不明白为什么......

有人有任何提示可以帮助我解决此错误吗?

0 投票
1 回答
1810 浏览

cordova - PhoneGap/Cordova 错误:在我们等待 WebCore 响应触地时错过了拖拽

我正在为 IOS、Android 和 WP 制作应用程序。我正在使用 PhoneGap 2.7.0,测试 Android。我在模拟器 Android 2.2 中收到以下错误:

Miss a drag as we are waiting for WebCore's response for touch down

当我刷照片时,我使用的是 PhotoSwipe。

那里没有问题,应用程序正在运行。

但在模拟器 Android 3.1、4.0 或 4.0.3 中,我得到了同样的错误,包括:

刷卡不正常,我的照片有时会消失。当我进行几次滑动时,PhotoSwipe Gallery 完全停止工作。

我在谷歌上搜索了这个问题,发现很多人都在为此苦苦挣扎。这些讨论中提供的所有解决方案都不适合我。我已经更新了所有库,清理了我的代码,尝试删除'e.preventDefault()',添加了额外的代码,......但所有这些都没有效果,或者有效果但更糟糕的问题,比如没有启动应用程序......

我希望有人可以帮助我,我正在尝试几天来解决这个问题!

0 投票
1 回答
1871 浏览

javascript - jQuery 从标准 href 链接 CSS/HTML 触发 PhotoSwipe 独占模式

我正在为我的画廊使用 PhotoSwipe。单击简单的 href 链接时,我想加载图库。

我正在使用没有缩略图的独占模式,代码如下。下面的代码会在页面加载时自动触发图库。

我希望能够对其进行操作,以便仅在用户单击链接时触发。演示在 photoswipe.com 上

单击以下内容时是否可以激活以下内容:

...然后终于停止它自动加载到页面上!

谢谢

0 投票
1 回答
104 浏览

jquery-mobile - 在内容 div 内滑动照片,而不是在画廊模式下打开

我打算像 iOS facebook 应用一样使用 photo Swipe。它允许在内容中滚动图像,当我们单击它时,它会在图库中打开。一些类似于http://www.mobilizetoday.com/freebies/touchslider/examples#ex-2但是当我们点击我需要打开照片滑动的画廊视图。

请建议我如何进行此操作。

0 投票
1 回答
1468 浏览

javascript - photoswipe 幻灯片不显示使用 jquery 移动和表达式引擎

大家好,我一直在关注我自己网站的 photoswipe 示例,但我无法使用 photoswipe 修复某些问题,画廊工作正常,但是当我选择画廊的一张图片时没有任何反应,幻灯片不显示,它只是重定向到图片; 这是我的代码的一部分:

一些进口。

身体。

剧本。

mi 对 coda 的看法 http://img844.imageshack.us/img844/5346/r6m.png

我如何在 coda 上保存文件(我不知道照片滑动图像应该在哪里,我在不同的地方尝试过)

关于我做错了什么的任何线索?

我真的很感激你能给我的每一个帮助!


编辑:

调试

mi view on firefox firebug

我使用photoswipe示例中的脚本,并且在本地可以完美地处理示例,但是当它将文件上传到服务器和我的应用程序代码时,我不知道是否需要更改某些内容,或者什么不支持我的表达式引擎javascript代码。

0 投票
1 回答
283 浏览

jquery - photoswipe 画廊 – 最后一张和第一张图片之间的 X 图标

photoswipe 3.0.5,jquery 1.8.2
画廊工作正常。
只有在轮播的最后一个和第一个图像之间有一个带有 X 图标的黑色屏幕,附加 class = ps-carousel-item-0 ps-carousel-item-error
我使用了示例 02-jquery。
js photoswipe 调用:
(function(window, $, PhotoSwipe){
$(document).ready(function(){
var options = {};
$(".gallery a").photoSwipe(options);
});
} (window, window.jQuery, window.Code.PhotoSwipe));

见这里:http ://www.ditib-ma.de/bilder-und-panoramen/bilder/gebetssaal/

0 投票
2 回答
1799 浏览

javascript - 照片滑动没有按预期工作

我创建了一个jQuery mobile页面,在其中从 facebook 页面导入相册和照片,并使用相册动态创建 listView。当用户从列表视图中单击相册时,他可以在缩略图中看到所有照片。

当他点击照片时,他should会看到它们呈现出漂亮的旋转木马效果。

然而,就我而言,当我选择一张照片时,我只会在 Facebook 链接中看到这张照片。

应该如何(点击图片查看轮播效果):

PhotoSwipe 示例

选择图片后得到的结果:

在此处输入图像描述

我没有得到轮播效果..相反,我只是在 fb 链接中获取图像。

这是我的所有代码:

如您所见,我调用 fb Api 来导入相册和照片,我根据相册和照片的数量等使用 jquery mobile 动态创建 html 页面。

我无法理解我在这里做错了什么,因为我尝试遵循示例源代码。唯一的区别是,我没有静态地创建 html 页面,而是动态地创建它。但据我所知,我给它正确的形式。

关于这个有什么想法吗?(所有照片和相册都正确导入,我对 facebook API 完全没有问题。唯一的问题是我无法从库中获得轮播效果)

编辑


我在控制台中得到的唯一警告是:

应用程序配置不允许给定 URL。:应用程序的设置不允许一个或多个给定 URL。它必须与网站 URL 或画布 URL 匹配,或者域必须是应用程序域之一的子域。

然而,这是来自 fb API(顺便说一句,它似乎工作得很好......)而且我认为 iτ 与我在这里想要完成的事情没有任何关系。

0 投票
1 回答
1605 浏览

javascript - ajax 调用中的 Phonegap 和 PhotoSwipe

我在使用 Phonegap 和 PhotoSwipe 时遇到问题;我想调用一个包含照片库的 ajax 页面;但在这种情况下,PhotoSwipe 不起作用。这似乎很容易。

谢谢您的帮助

亨利

这是我的 Javascript:

这是简单的html:

0 投票
2 回答
4330 浏览

jquery-mobile - photoswipe 直接全屏打开照片

我想用 jQuery Mobile 直接全屏打开 Photoswipe 画廊,而不是默认<ul> <li>列表。我看到了从插件站点 (08-exclusive-mode.html) 下载的包上的示例页面,
但我无法让它在我的站点上运行。

我试过这个javascript代码:

这是html页面:

你能帮助我吗?

0 投票
3 回答
2344 浏览

javascript - 带有目标的照片滑动不适用于 jQuery Mobile

我在我的 jQuery Mobile 页面中使用 Photo Swipe ( http://www.photoswipe.com/ )。我想显示加载图像的缩略图视图。单击缩略图时,将用户带到启用滑动的画廊,该画廊占据屏幕高度的 30%。我想在底部显示一些其他内容。我正在使用 PhotoSwipe 3.0.5 版并尝试指定TARGET。但是没有反应。下面是js文件,使用的代码

我对 jQuery Mobile 非常陌生。谁能帮我这个

谢谢