4

我想为电子商务网站的 iPhone 版本创建一个产品图像查看器，并让它的行为类似于照片应用程序。

理想情况下，您可以滑动图像以在产品图片库中来回移动。

这一切都将在移动 Safari 中完成。

我对 jqTouch 做了一些试验，但它看起来并不支持这个想法（它支持滑动，但没有明显的方法将滑动链接到拖动图像）。

任何插件或实现的想法？谢谢！

4

4 回答 4

2

我需要同样的，解决方案是使用循环和刷卡插件：

“#gallery”是一个包含所有 img 标签的容器。

$(function() {
 $('#gallery').cycle({
  fx: 'scrollHorz',
  timeout: 0,
  next: '',
  prev: '',
  speed: 300,
  nowrap: 0
 });
});
$(function() {
 $('#gallery').swipe({
  swipeLeft: function() { $('#gallery').cycle("next"); },
  swipeRight: function() { $('#gallery').cycle("prev") },
  threshold: {
   x: 15,
   y: 99999
  },
  preventDefaultEvents: false
 });
});

它可以工作，但不完全像照片库，因为图像在更改之前不会拖到宽度的 50%。就像在 crmunro 的解决方案中一样，但基于 jQuery 和插件。

于 2010-08-16T11:03:32.337 回答
1

不确定您是否解决了这个问题，但是用户创建了一个 iWebkit http://worldofsai.com/photos_flick.html - 也许您可以以此为基础？

于 2010-01-04T14:33:24.083 回答
0

你可以检查这个例子。在 iPhone 上的 Safari 浏览器中打开它）））您可以旋转、移动和缩放图像

于 2009-12-22T15:14:07.390 回答
0

Qtouch 在 7 月收到了重大更新。完整的源代码包现在包括视频嵌入和可滑动图像库的演示。

您可以在以下网址找到 r148 的下载： http ://code.google.com/p/jqextensions/downloads/list

它工作得很好。

于 2010-10-08T18:40:56.200 回答