스와이프 배너 질문있습니다!

스와이프 배너 질문있습니다!

QA

스와이프 배너 질문있습니다!

본문

2038457926_1678257398.3646.png

https://display.wconcept.co.kr/men

이사이트에 중간 베스트아이템 섹션처럼

이런식의 상품 나열 배너를 만들고싶은데

다른동작들은 가능하지만

 

2038457926_1678257451.5886.png

요 이미지처럼 뒷부분 컨텐츠명을 클릭할떄

뒷쪽도 잘 보일수있도록 

선택된 컨텐츠가 앞으로 이동되더라구요

 

어떤 방식으로

애니메이션을 줘야될지 감이 너무 안잡혀서... 혹시 관련예제나 

참고할만한게 있을까요? 꼭 필요할거같아서.. 요청남겨봐요 ㅠㅠ 감사합니다

 

 

 

 

이 질문에 댓글 쓰기 :

답변 2

요청하신 배너 디자인을 위해서는 슬라이더 기능을 사용하는 것이 적합합니다. 슬라이더는 자바스크립트를 사용하여 작성하며, 간단한 슬라이더 배너는 여러가지 라이브러리를 사용하여 만들 수 있습니다. 또한 커스텀 슬라이더를 작성하기 위해서는 자바스크립트 코드를 작성하여 구현할 수도 있습니다. 참고할 만한 슬라이더 라이브러리로는 Slick, Swiper 등이 있습니다. 아래 링크를 통해 슬라이더 라이브러리를 사용하여 배너를 만드는 방법을 확인해보실 수 있습니다.

Slick 라이브러리 사용법: https://kenwheeler.github.io/slick/

Swiper 라이브러리 사용법: https://swiperjs.com/get-started/

답변을 작성하시기 전에 로그인 해주세요.
전체 1,284
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT