모바일 터치슬라이드를 수직으로 하려면....
관련링크
본문
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;}