swipe.js 슬라이더 수정 관련 질문
영카트를 사용중입니다.
영카트 기본으로 장착되어 있는 swipe.js를 커스터마이징 하려는데,
현재 슬라이더가 상품리스트를 포함한 섹션을 width:100%인 <ul></ul> 로 잡아서 하나하나 움직이고 있습니다.
이부분을 수정하여 좌우 양 끝에 다음 상품과 전 상품 <ul>의 끝부분을 보이게 하여, 슬라이더임을 보여주고 싶은데
어느 부분을 건드려서 수정을 할수 있는지 감이 안잡히고 있습니다.ㅜㅜ
CSS로만으로 간단하게 해결될법 하다가도 이상하게 막혀버리네요;
이게 불가능 하다면 이를 대체할 만한 슬라이더가 있는지 질문드립니다.!
답변 1개 / 댓글 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에 대한 객체를 만드시면 되요.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
제가 제대로 이해한것이 맞다면.. 수다왕 님이 말씀하신 방법은 슬라이더에 다음과 이전 버튼을 생성하는 방식 같습니다.
하고자 하는 방법은 다음 슬라이더와 이전 슬라이더 양 끝부분이 보이도록 하는 방법입니다..ㅜㅜ
https://www.shoppingntmall.com/index
여기 홈페이지 중간에 상품 식품전이라는 슬라이더가 있는데 이런 방식으로요 ㅋ