1. slick
https://kenwheeler.github.io/slick/
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!
kenwheeler.github.io
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
2. swiper
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
swiperjs.com
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
3. aos
https://michalsnik.github.io/aos/
AOS - Animate on scroll library
AOS Animate On Scroll Library Scroll down
michalsnik.github.io
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
4. fullpage
https://alvarotrigo.com/fullPage/
fullPage scroll snapping. Create full screen pages fast and simple
Mouse wheel snap to sections. Fast and simple to use.
alvarotrigo.com
<link rel="stylesheet" href="https://unpkg.com/fullpage.js/dist/fullpage.min.css">
<script src="https://unpkg.com/fullpage.js/dist/fullpage.min.js"></script>
5. bx-slider
jQuery Content Slider | Responsive jQuery Slider | bxSlider
Coded with ♥ by
bxslider.com
6. lightbox
'js' 카테고리의 다른 글
| [js]iframe 사용 시 부모 document접근하기(아이프레임) (0) | 2022.06.30 |
|---|---|
| [js] css/js 비교 - 드래그하는 만큼 움직이는 슬라이드 swiper (0) | 2022.06.13 |
| [js]변수 출력 방법, 템플릿 리터럴 (백틱Backtick 사용) (0) | 2022.05.25 |
| [js]자바스크립트 선택자 종류 (0) | 2022.05.23 |
| [js]array 배열 기초 (0) | 2022.05.20 |