CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

프리랜서 커뮤니티

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%로 하면 될 듯 합니다.


페이징 이동시 이벤트 값에다가 저 함수를 추가해주는 식으로 작업이 가능해보입니다.

페이징 이동시 이벤트 처리하는 걸 찾아보면 될 듯 하네요.


slideChangeTransitionStart

https://codepen.io/eond/pen/wvrQbzE

한번 시간 날 때 작업해보기로.

추천한 사람

 
댓글은 로그인 사용자만 작성 가능합니다. 로그인하기