简单的滑动画廊与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像素。容器本身宽300px，有隐藏溢出。

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

到目前为止，我已经设置了容器以接收滑动事件以及它所处的方向，但是说实话，我完全不知道从那里继续。

任何建议表示赞赏。

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。

Answer 2

查看我刚刚发布的这款轻量级移动滑盖。 Swipe或许可以解决您的问题：）