스와이프 배너 질문있습니다!
https://display.wconcept.co.kr/men
이사이트에 중간 베스트아이템 섹션처럼
이런식의 상품 나열 배너를 만들고싶은데
다른동작들은 가능하지만
요 이미지처럼 뒷부분 컨텐츠명을 클릭할떄
뒷쪽도 잘 보일수있도록
선택된 컨텐츠가 앞으로 이동되더라구요
어떤 방식으로
애니메이션을 줘야될지 감이 너무 안잡혀서... 혹시 관련예제나
참고할만한게 있을까요? 꼭 필요할거같아서.. 요청남겨봐요 ㅠㅠ 감사합니다
답변 2개
요청하신 배너 디자인을 위해서는 슬라이더 기능을 사용하는 것이 적합합니다. 슬라이더는 자바스크립트를 사용하여 작성하며, 간단한 슬라이더 배너는 여러가지 라이브러리를 사용하여 만들 수 있습니다. 또한 커스텀 슬라이더를 작성하기 위해서는 자바스크립트 코드를 작성하여 구현할 수도 있습니다. 참고할 만한 슬라이더 라이브러리로는 Slick, Swiper 등이 있습니다. 아래 링크를 통해 슬라이더 라이브러리를 사용하여 배너를 만드는 방법을 확인해보실 수 있습니다.
Slick 라이브러리 사용법: https://kenwheeler.github.io/slick/" rel="nofollow noreferrer">https://kenwheeler.github.io/slick/
Swiper 라이브러리 사용법: https://swiperjs.com/get-started/" rel="nofollow noreferrer">https://swiperjs.com/get-started/
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인