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에 대한 객체를 만드시면 되요.
답변 감사합니다
제가 제대로 이해한것이 맞다면.. 수다왕 님이 말씀하신 방법은 슬라이더에 다음과 이전 버튼을 생성하는 방식 같습니다.
하고자 하는 방법은 다음 슬라이더와 이전 슬라이더 양 끝부분이 보이도록 하는 방법입니다..ㅜㅜ
https://www.shoppingntmall.com/index
여기 홈페이지 중간에 상품 식품전이라는 슬라이더가 있는데 이런 방식으로요 ㅋ