슬라이더 스크립트 용량 비교
| 순번 | 이름 | 용량 | 최소용량 | 모바일 지원여부 | URL |
| 1 | slick slider | 87KB | 42KB | http://kenwheeler.github.io/slick/ | |
| 2 | BXSLIDER | 64KB | 23KB | https://bxslider.com/ | |
| 3 | flexslider | 55KB | 22KB | https://github.com/woocommerce/FlexSlider | |
| 4 | ResponsiveSlides.js | 12KB | 4KB | http://responsiveslides.com/ https://github.com/viljamis/ResponsiveSlides.js | |
| 5 | Swiper | 232KB | 95KB | https://www.javascripting.com/view/swiper | |
| 6 | owl carousel | ||||
| 7 | flickity | ||||
| 8 | idangero | ||||
| 9 | SLY | ||||
| 10 | flickity | http://flickity.metafizzy.co/ | |||
| 11 | camera |
좋은 슬라이더 스크립트의 조건
- 다양한 플랫폼(XE,워드프레스,그누보드,카페24,고도몰,퍼스트몰 등)에서 오류가 없어야 함.
- 너무 버벅이지 않아야 함. 구동이 가벼워야 함.
- PC와 모바일을 모두 지원해야함. (반응형)
- 단순하고 직관적인 디자인이어야 함. 다양한 스타일을 지원하지는 않더라도 기본적인 스타일이 별도의 스타일코드를 작성하지 않아도 사용하기 좋도록 단순하고 직관적이고 UX가 좋아야 함.
- 다양한 설정으로 다양한 스타일의 지원이 간단해야함. 높이를 지정한다거나, 갯수를 지정하거나, 방향을 지정한다거나 등에 있어서 옵션 설정만으로 설정이 간편해야함.
-
슬라이더 공식사이트
1. slick slider (87KB / MIN 42KB)
http://kenwheeler.github.io/slick/
2. BXSLIDER (64KB / MIN 23KB)
3. flexslider (55KB)
http://blog.naver.com/PostView.nhn?blogId=classe82&logNo=20194064954
http://flexslider.woothemes.com/
https://woocommerce.com/flexslider/
https://github.com/woocommerce/FlexSlider
참조
jQuery minify
https://javascript-minifier.com/
jQuery Image Slider
https://www.jqueryscript.net/slider/ResponsiveSlides-Lightweight-Responsive-Slider-Plugin.html
https://www.javascripting.com/view/swiper
https://code.tutsplus.com/ko/tutorials/20-useful-jquery-sliders--cms-25960
#슬라이드 #터치슬라이드