Lpla 개발 블로그

JavaScript/실전

[JavaScript] 슬라이더 + 탭 형식 멀티 팝업

업무 중에 팝업 관련 업무도 생각보다 많다. 일반적으로 팝업창 하나에 이미지 한 개가 들어가지만 사이트에 게시되는 팝업 개수가 늘어나면 지저분함은 물론, 일일이 닫는 것도 불편하기 때문에 이럴 경우엔 멀티 팝업을 사용한다. 기존에 만든 멀티 팝업이 몇 개 있지만 이번에 블로그 포스팅용으로 새롭게 만들어보겠다. 1. 미리보기 2. 슬라이더 라이브러리 내가 가장 애용하는 슬라이더 라이브러리는 Swiper다. 하지만 이번에는 Slider Pro를 준비해봤다. 내가 좋아하고 잘하는 라이브러리만 고집하기보다 다른 라이브러리도 경험해보면서 실력을 늘리기 위함이다. 따라서 반드시 Slider Pro일 필요는 없지만 여기선 Slider Pro를 사용하겠다. Slider Pro는 제이쿼리 기반 라이브러리이기 때문에 제이..