2011-02-04 2 views
2

슬라이더의 화면에 일련의 이미지가있는 iPad 용 전체 화면 웹 앱을 개발하므로 사용자가 스크롤하여 사용자가 스크롤 할 수 있습니다. http://www.geardiary.com/wp-content/uploads/2010/10/wired-mag-ipad-screen-caps-001-525x700.png스 와이프 슬라이더를 시뮬레이트하는 iPad 웹 애플리케이션

이 아웃이 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> 

누군가가 도와 드릴까요 : 여기

몇 가지 예를 마크 업입니까? 감사합니다

답변

2

터치/스 와이프를 처리하려면 터치 기반 모바일 프레임 워크가 필요할 것입니다.

마음에 떠오르는 것은 Sencha.com

입니다.
관련 문제