[N.7577] 스와이퍼 관련 오류
본문
안녕하세요.
스와이퍼 관련해서 오류를 겪고 있어 혹시 같은 일을 겪어보신 분들이 있을까해서 질문남깁니다ㅜㅜ
회사 홈페이지 관련 문제라 이미지를 따로 올리지는 못하지만.. 일단 스와이퍼 자체는 아주 잘 돌아가기에 코드상의 문제는 없는것같구요..
이미지 양쪽으로 버튼이 있고, 버튼을 누르면 다음 이미지로 넘어가는 효과를 사용하고 있습니다. (팝업창으로 한번에 하나의 이미지씩만 뜹니다.)
문제는 항상 발생하는 것도 아니고 정말 가끔 발생하는것인데, 오른쪽 버튼을 누르면 왼쪽으로 넘어가는 문제입니다..(오른쪽 이미지가 나와야하는데 왼쪽버튼을 눌렀을때처럼 왼쪽 이미지로 넘어가는 현상)
이게 계속 그 현상이 발생하면 거기를 좀 찝어서 이것저것해볼텐데 간혹가다가 한번씩만 이러니 더 답답하네요..
혹시 스와이퍼 관련해서 버튼 반대방향으로 이미지가 잘못 나오는 것에 대하여 겪어보신 분들이나 해결책 아시는분 계실까요..
스와이퍼 코드에 뭔가를 더 추가해야하는건지.. 검색을 아무리 해도 안나오네요ㅠㅠ
댓글목록
홈박스님의 댓글
홈박스 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일 22-12-05 22:21:57
마지막 이미지일 경우 오른쪽 버튼을 눌러도 처음인 왼쪽으로 갈수 있습니다.
그러니 마지막 이미지일 경우 오른쪽 버튼을 눌러 종종 발생하는것 처럼 보일수 있는듯 하구요.
옵션값을 마지막일 경우 처음부터 다시가 아닌
마지막일 경우 처음이미지를 뒤로 붙게해서 loop시키는 방법이
infinite : true, //무한 반복 옵션
slide: 'div', //슬라이드 되어야 할 태그 ex) div, li
infinite : true, //무한 반복 옵션
slidesToShow : 4, // 한 화면에 보여질 컨텐츠 개수
slidesToScroll : 1, //스크롤 한번에 움직일 컨텐츠 개수
speed : 100, // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
arrows : true, // 옆으로 이동하는 화살표 표시 여부
dots : true, // 스크롤바 아래 점으로 페이지네이션 여부
autoplay : true, // 자동 스크롤 사용 여부
autoplaySpeed : 10000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
pauseOnHover : true, // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정
vertical : false, // 세로 방향 슬라이드 옵션
prevArrow : "<button type='button' class='slick-prev'>Previous</button>", // 이전 화살표 모양 설정
nextArrow : "<button type='button' class='slick-next'>Next</button>", // 다음 화살표 모양 설정
dotsClass : "slick-dots", //아래 나오는 페이지네이션(점) css class 지정
draggable : true, //드래그 가능 여부
responsive: [ // 반응형 웹 구현 옵션
{
breakpoint: 960, //화면 사이즈 960px
settings: {
//위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경
slidesToShow:3
}
},
{
breakpoint: 768, //화면 사이즈 768px
settings: {
//위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경
slidesToShow:2
}
}
]
정확히는 저도 제작하신 소스를 봐야 알수 있겠지만 추측해서 댓글 남겨봅니다.
