问题标签 [photoswipe]

因此，我正在使用 Jquery Mobile 和 photoswipe 为投资组合创建一个小型图片库，但是一旦我调用 photoswipe，它会立即在浏览器中打开图库。它不是来自 photoswipe 网站的默认调用，因为它不起作用。

这是我的代码。

关于我应该做什么的任何想法？

我的作品集列表中有多个 PhotoSwipe 画廊，它们可以在桌面上完美运行，但只有第一个画廊在移动设备上显示其图像，而后续画廊则没有。PhotoSwipe 实例实例化，我可以使用箭头等导航，但没有图像.. 有什么想法吗？（我尝试使用 rel="external" 无济于事）

照片扫码：

和jqm：

我是 PhotoSwipe 的新手，对如何向图像添加外部链接感到非常困惑

这是我用来加载图像的 .js 文件，但是，它只有 url 和标题，

除了在 html 中使用

有没有其他方法可以在 PhotoSwipe.attach 中添加参数以将图像与外部链接超链接？

我目前正在尝试将 jQuery 的“PhotoSwipe”合并到我的应用程序中，其中包含通过 POST 从数据库中提取到我的 web 服务的图像，以及一些序列化魔法。

我对 jQuery 还是有点陌生​​，但我已经考虑得很远了。

我还没有弄清楚如何在这个网站上正确使用代码，所以这里是有问题的代码的 pastebin：

http://pastebin.com/avSXDDgK

基本上它所做的是梳理我的数据集，找到包含在图像标签中的任何内容并将其拉入变量中。它确实如此。

我要做的是结合这些信息，最终形成类似这样的东西：

<a href="C:/images/full/001.jpg" rel="external"><img src="C:/images/thumb/001.jpg" alt="Image 001" /></a>

所以我需要有人向我展示或指出正确的方向来解决问题。

目前所有的警报都对我有用，但 div 实际上没有发生任何事情。

谢谢你的帮助！

编辑：这是一个 XML 示例，从中提取我的图像 url

http://pastebin.com/nnvdKgqV

...这里是 PhotoSwipe 的链接，他们说在标签中使用 rel="external"

我的 photoswipe 画廊工作正常，我只有一个问题：

案例1：在#about 上输入#gallery 后，我可以点击一张照片，查看并关闭它，然后点击返回按钮将我带到#about。#about 包括一个可以查看的弹出图像。这样一切正常

案例2：在#about 上进入#gallery 后，所有可用的照片。但是当我不点击一个而只是点击后退按钮时，虽然浏览器 url 将 &ui-state=dialog 添加到 url

这很奇怪。这是我的photoswipe js代码：

这

我是 jquery mobile 和 phonegap 的相对初学者，我试图使用 photoswipe 来让照片库正常工作。我让它在您单击图像时出现的位置工作，但我无法让它在页面加载时触发类似的单击事件。

我在下面附上了我正在使用的代码：

我认为 $(document).ready 可能存在问题，因为我知道 jquery mobile 没有这个概念，但我不确定这是否会影响 photoswipe。

This is the basic sample code to use photoswipe:

You can download it from photoswipe website: http://www.photoswipe.com/ : It's the file 01-default.html from example folder.

What I want to do is to load the frame list into a invisible iframe (e.g. named "foo") instead than have it hardcoded in the page. The problem is that I can not access the image list. I tried:

instead of

after moving the ul in an external list.html file (source of the iframe) like this:

But it doesn't work. Why?

The debugger shows the following exception: "Code.PhotoSwipe.createInstance: No images to passed."

EDIT: -from the comments-

1. It's a cross-domain issue. Why do I get a cross domain issue if files are all on my webserver? how should I refer to them in order to avoid such problem?

2. Could be this approach valid for my purpose? (and with a long life expectancy...)

有很多用于移动网站的 jQuery 图片库插件和滑动手势插件。

我想在我的网站上合并其中的两个。使用一个没有问题，但如果我尝试在一个页面上使用两个。它似乎效果不佳。应该是冲突吧。

我使用wookmark，它非常适合移动设备上的缩略图列表。我想将手指滑动分页应用于此图像列表。

我可以创建一个带有缩略图的列表页面......

现在我只想滑动下一页以获取更多图像。

类似的示例在这里：

http://m.search.naver.com/search.naver?sm=mtb_hty.top&where=m_image&query=Amanda+Seyfried

我正在使用 jQuery Mobile 构建一个移动站点，并使用 Photoswipe 从滑块打开图像。

我遇到的问题是，如果在移动 Safari 中或从主屏幕图标打开移动网站，则捏缩放的工作方式会有所不同。

场景 1 - 在移动 Safari 中打开网站。一切正常，我可以单击滑块中的图像，然后打开 Photoswipe 层。我可以毫无问题地滑动和捏缩放。

场景 2 - 从主屏幕图标打开网站。当我尝试捏缩放图像时，黑屏会持续几毫秒，然后图像就会显示出来。如果我在“黑屏闪烁”期间查看手机的顶部栏（放置 wifi 等图标的位置），我还可以看到某些内容已加载。这在场景 1 中不会发生。

我使用最新版本的 jQuery mobile 和 PhotoSwipe。

任何人都知道为什么它的行为不同？

I'm having an image sizing issue with Photoswipe. Basically, this is how my photo gallery looks like now: http://img4.imageshack.us/img4/8431/problemeq.png

There are gaps in between my photos that I have inserted. I'm basically not using thumbnails, but instead passing in original photos. But I tried resizing the photos to about a thumbnail size, and yet, all it does is keep the same dimensions and reduce the quality of the photos being displayed.

And I want it to look like this without squishing the photos: http://img651.imageshack.us/img651/9199/exampleiq.png

I've styled the height to be fixed at 200px rather than 'auto,' so it really stretches the photos when changing window resolutions.

What am I missing? I don't think this is a Photoswipe problem; most likely CSS, but I don't know what to change. Any help would be greatly appreciated. Thanks!

P.S. Sorry for the links, but I can't post images yet.