模擬滑動滑塊的iPad WebApp

我正在開發一個iPad的全屏Web應用程序，該應用程序將在滑塊的屏幕上顯示一系列圖像，用戶將能夠在它們之間滾動，然後單擊一個。模擬滑動滑塊的iPad WebApp

這裏是它會怎樣看一個示例圖像：

有很多基於jQuery的滑塊外存在的，但都需要使用點擊某種形式的按鈕的用戶。我想要做的就是複製它，以便用戶可以輕掃屏幕以在不同的圖像之間移動。

下面是一些例子標記：

<ul id="magazine-slider"> 
    <li> 
     <div class="image"> 
      <img src="magazine-cover-jan.png" width="640" height="640" /> 
     </div> 
     <div class="meta"> 
      <h3>Magazine Title</h3> 
      <h4>January 2010</h4> 
     </div> 
     <ul class="options"> 
      <li><a title="Delete" href="#">Delete</a></li> 
      <li><a title="View" href="#">View</a></li> 
     </ul> 
    </li> 
    <li> 
     <div class="image"> 
      <img src="magazine-cover-feb.png" width="640" height="640" /> 
     </div> 
     <div class="meta"> 
      <h3>Magazine Title</h3> 
      <h4>February 2010</h4> 
     </div> 
     <ul class="options"> 
      <li><a title="Delete" href="#">Delete</a></li> 
      <li><a title="View" href="#">View</a></li> 
     </ul> 
    </li> 
    <li> 
     <div class="image"> 
      <img src="magazine-cover-mar.png" width="640" height="640" /> 
     </div> 
     <div class="meta"> 
      <h3>Magazine Title</h3> 
      <h4>March 2010</h4> 
     </div> 
     <ul class="options"> 
      <li><a title="Delete" href="#">Delete</a></li> 
      <li><a title="View" href="#">View</a></li> 
     </ul> 
    </li> 
</ul> 

<ul id="magazine-slider-pagination"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
</ul>

誰能幫助？由於

來源

2011-02-04 Cameron