웹솔루션개발 22년 노하우! 해피CGI의 모든것

다운로드 받은 파일의 압축을 해제한후 easy_slides.test.html 파일을 웹브라우져로 열어보면 샘플 확인이 가능합니다. 총 4가지의 이미지 슬라이더 유형을 지원합니다. 1. One Big Picture 2. Circle 3. 4 in line 4. Clock 장점으로는 HTML태그가 간단하게 구성되어 있습니다. 슬라이더를 작동시키는데 있어서 지정할수 있는 전체 옵션은 이며, 자바스크립트 코드 역시 사용하기에는 많이 어렵지 않게 작성되어 있네요. ​ ​ ​

태블릿 및 모바일 장치에서 스와이프 이벤트를 이용해서 스크롤 할수 있는 jquery 스위퍼 플러그인입니다. ​ ​다운로드 받은 압축파일을 해제해서 examples/index.html examples/carousel-css3.html 두개의 파일을 웹브라우저로 열어보면 확인이 가능합니다. ​ 모바일이나 태블릿에서 스와이프 이벤트를 이용해서 컨텐츠를 상,하,좌,우 스크롤링 할때 적당합니다. 이런 화면을 제작하는 방법이 일단 많은 컨텐츠를 먼저 만들어야 해서, 조금은 까다로운 편인거 같네요. 특이사항으로는 swipescroll 을 생성할 때 지정할 수 있는 몇가지 옵션이 있습니다. 그 외에는 스와이프 이벤트중과, 이벤트의 헨들러가 있네요 태블릿이나, 모바일 기기에서 많은 컨텐츠를 표시해야 할 때 유용해 보입니..

셀의 모든 크기와 스타일은 CSS 로 처리되며, 스타일별 다른 css 구조를 지정하여 다양하게 사용할 수 있습니다. https://flickity.metafizzy.co/events.html 위 링크를 통해 이벤트별 바인딩 소스를 확인할 수 있으며, 적용된 예제등의 확인이 쉬우며 실제 반영도 비교적 간단하게 적용이 가능합니다. 기존 GPL 라이센스이며 상업용으로 사용이 가능합니다. https://flickity.metafizzy.co/license.html 이외 커스텀으로 사용도 가능한 UI 도 제공됩니다.