슬라이드 쇼 라이브러리

기본적인 슬라이드쇼가 아니라 다양한 화면 전환효과, 슬라이드쇼의 쉽고 효과적인 제어, 터치/스와이프 등의 기능 추가, 사진과 동영상의 혼용 등 추가적인 기능이 필요하다면 직접 구현하는 것보다 라이브러리를 갖다 쓰는 것이 낫다.

 

 

Swiper : 모바일에 특화되어 있고, 스와이프를 기본으로 지원하며 옵션이 굉장히 다양해 코드를 수정할 일 없이 옵션부여만으로 다양한 효과를 줄 수 있다. 

https://swiperjs.com/

 

 

slick : 역시 스와이프를 기본지원하고, 옵션은 Swiper보다 조금 적지만 그만큼 사용이 간단하다. 

슬라이드를 동적으로 추가/제거하는 기능, 필터링으로 조건을 달아 슬라이드별로 숨기고 보이는 기능 등을 구현할 일이 있으면 좋다. 

http://kenwheeler.github.io/slick/

 

 

jcSlider : CSS3 애니메이션을 기반으로 만들어졌으며 60여가지의 전환 효과를 간단하게 구현할 수 있다. 옵션은 굉장히 떨어지지만 In/Out 전환효과를 따로 줄 수 있기 때문에 화려한 슬라이드를 만들 수 있다.

업데이트가 안된지 꽤 오래 되서 풀리퀘도 안받아주지만 화려한 효과가 필요하다면 선택. 

http://joanclaret.github.io/jcSlider/