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

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

QA

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

답변 2

본문

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/

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 2,661
© SIRSOFT
현재 페이지 제일 처음으로