簡單的刷卡畫廊與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> 

的圖像是相當長的刷卡圖像的簡單畫廊，例如什麼每個寬度爲200px。容器本身寬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可能能夠解決你的問題:)