1) 데스크탑 디자인
2) 모바일 디자인
3) 작업한 소스는 다음을 참조했습니다.
https://eond.com/jquery/443421
자동으로 넘김 처리될 때마다 .swiper-pagination 의 위치를 left:-10% 이런 식으로 주고...
10개니깐
-10%, -20%, -30%, -40%, -50%, -60%, -70%, -80%, -90%, -100% 이런 식으로 하고
... 테스트 해보니깐 마지막이 110% 정도 돼야 텍스트가 잘 보이네요.
-12%, -24%, -36%, -48%, -60%, -72%, -84%, -96%, -108%
하나씩 옮길 때마다, 12의 배수씩 이동되게끔 하고, 맨 첫번째로 돌아오면 0%로 하면 될 듯 합니다.
페이징 이동시 이벤트 값에다가 저 함수를 추가해주는 식으로 작업이 가능해보입니다.
페이징 이동시 이벤트 처리하는 걸 찾아보면 될 듯 하네요.
slideChangeTransitionStarthttps://codepen.io/eond/pen/wvrQbzE
한번 시간 날 때 작업해보기로.
댓글 0
댓글작성칸으로