[웹3]240328-13일차(마켓컬리 스와이퍼 구현)

https://codepen.io/limyena/pen/BaEdqgp

스와이퍼(마켓컬리)

https://codepen.io/limyena/pen/XWQaypQ

스와이퍼 데모사용해보기

https://codepen.io/limyena/pen/qBwXQYb?editors=1100

스와이퍼 페이지네이션 커스텀하기

 

 

[마켓컬리 스와이퍼 구현하기]

1.직접 코드 짜기

 

- 슬라이더 한페이지 안에 여러개의 이미지를 띄워주기 위해

- 스와이퍼 슬라이드 안에서 슬라이드를 나누어준다

 

- css 

 

 

2.데모버전 사용하기

 

- 스와이퍼 공식 홈페이지

 

- 프리뷰 클릭하고 페이지 소스보기(ctrl+U)

 

- 하단 코드 복사

 

- js하단에 붙여넣고 위에 겹치는코드 확인하면서 퍼즐맞추기