모바일 터치슬라이드를 수직으로 하려면.... 채택완료

http://dohoons.com/test/flick/

여기의 첫번째 슬라이드를 사용중인데요

이걸 수평말고 위아래로 움직이게 구현하려면 어떻게바꿔야할까요?

(위에 페이지에서 상단링크들어가면 스크립트 받을수도있어요)

스크립트는

$("#touchSlider").touchSlider({
  /*
  autoplay : {
   enable : true,
   pauseHover : true,
   addHoverTarget : "", // 다른 오버영역 추가 ex) ".someBtn, .someContainer"
   interval : 3500
  },
  */
  btn_prev : $("#touchSlider").next().find(".btn_prev"),
  btn_next : $("#touchSlider").next().find(".btn_next"),
  counter : function (e) {
   $("#count").html("current : " + e.current + ", total : " + e.total);
  }
 });

이렇게 예제 그대로 쓰고있습니다.

CSS도 예제 살짝 변형했구요

#touchSlider { width:1000px; height:1930px; margin:0 auto; background:#fff; position:relative; overflow:hidden; }
#touchSlider ul { width:99999px; height:1930px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { float:left; width:1000px; height:1930px; background:#fff;}