javascript - 使用 jQTouch javascript iphone/ipad 的简单滑动画廊

Question

我希望实现的是拥有一个简单的图片库，用户可以使用 jQTouch ( http://jqtouch.com ) 轻扫它

<div id="container">
<img src="1.gif">
<img src="2.gif">
<img src="3.gif">
</div>

图像很长，例如每个图像的宽度为 200 像素。容器本身有 300 像素宽，带有隐藏的溢出。

我希望发生的事情是，当用户滑动厨房容器时，它会向左/右拖动图像。

到目前为止，我已经设置了容器来接收滑动事件以及它的方向，但是老实说，我完全不知道从哪里开始。

感谢任何建议。

Answer 1

你有没有遇到过this demo ？

“图片库”和“图片库 2”可能是您想要的。如果您只想拥有照片和一些说明，那么设置起来应该相当简单:

jQT.generateGallery("pageID",
    [
    {src:"http://www.site.com/somepic.jpg"},
    {src:"pic1.jpg",caption:"Test Image 1"}
    ],
    {defaultIndex:1}
);

您需要 jQT 照片扩展:jqt.photo.js 和 jqt.photo.css。