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

http://dohoons.com/test/flick/">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;}