簡單的滑動畫廊與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

你有沒遇到這個演示 ？

“照片庫”和“照片庫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

看看我剛剛發布的這款輕量級移動滑蓋。 滑動也許能解決你的問題:)