이미지 슬라이드

slick

jQuery 기반 이미지 슬라이드 라이브러리

slick - the last carousel you'll ever need

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

https://kenwheeler.github.io/slick/

1.

 slick 플러그인 가져오기

2.

 jQuery 가져오기

3.

내가 만든 css / script 가져오기

4.

앞에 내용을 한 번 포함하기

5.

이미지 슬라이드 HTML 코드 작성

6.

기본 스타일 지정하기

7.

슬라이드 영역 반응형 적용하기

8.

 slick 슬라이드 시작하기!

9.

다양한 옵션 적용하기

slick

swiper 라이브러리

Swiper - The Most Modern Mobile Touch Slider

The Most Modern Mobile Touch Slider

https://swiperjs.com/

1. swiper 플러그인 가져오기

index.html

2. swiper HTML 레이아웃 코드

swiper

1. bx-slider 플러그인 가져오기

2. bxslider HTML 레이아웃 코드

3. 기본 스타일 적용하기