swipe.js 슬라이더 수정 관련 질문
본문
영카트를 사용중입니다.
영카트 기본으로 장착되어 있는 swipe.js를 커스터마이징 하려는데,
현재 슬라이더가 상품리스트를 포함한 섹션을 width:100%인 <ul></ul> 로 잡아서 하나하나 움직이고 있습니다.
이부분을 수정하여 좌우 양 끝에 다음 상품과 전 상품 <ul>의 끝부분을 보이게 하여, 슬라이더임을 보여주고 싶은데
어느 부분을 건드려서 수정을 할수 있는지 감이 안잡히고 있습니다.ㅜㅜ
CSS로만으로 간단하게 해결될법 하다가도 이상하게 막혀버리네요;
이게 불가능 하다면 이를 대체할 만한 슬라이더가 있는지 질문드립니다.!
답변 1
$(function(){
window.mySwipe=$("#mySwipe").Swipe({
startSlide:3,
auto:3000,
continuous:true,
disableScroll:true,
stopPropagation:true,
callback:function(index, element){},
transitionEnd:function(index, element){}
}).data("Swipe");
$(".prevBtn").on("click"),function(){
mySwipe.prev();
});
$(".nextBtn").on("click"),function(){
mySwipe.next();
});
});
이런 예제가 있을 경우
굵음 글자들을 보시면 되는데요. prevBtn 과 nextBtn에 대한 객체를 만드시면 되요.