スワイプスライダーをシミュレートする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