Javascript 如何使用jQuery在iPhone Safari上创建照片滑块？

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

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

这一切都将在mobile Safari中完成

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

---

有插件或实现的想法吗？谢谢

您可以查看示例。在iPhone上的safari中打开它。）你可以旋转、移动和缩放图像

不确定你是否解决了这个问题，但一个用户创建的iWebkit-也许你可以基于此？我需要相同的解决方案，就是使用和滑动插件：

“#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和插件。

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

您可以在以下url找到r148的下载：

---

它工作得非常好。

谢谢，但我真的很想使用jQuery，而且我不需要接近这种灵活性的任何地方。我只想让图片向左或向右滑动。如果你是专门为iPhone制作的，你可能想看看CSS动画。在这种情况下，您可以获得硬件加速，从而获得最佳性能。Ben，您找到解决方案了吗？请记住，在堆栈溢出上回答您自己的问题是完全可以的。：）该图库和教程的原始代码可用：