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

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

이미지 갤러리 게시판에 사용하면 좋을듯 한 무료 소스를 안내 드릴까 합니다. 소스는 생각보다 심플하며 간단하구요. 여러가지 옵션을 제공하기 때문에 사용이 편리 합니다. head 태그에 아래의 스크립트를 포함 시키세요. head 태그에 아래의 스타일을 포함 시키세요. 링크에 반드시 swipebox Class 명을 사용하세요 소스 코드의 밑 부분에서는 스크립트를 실행 시키세요.$ ( ' .swipebox ' ). swipebox (); 위의 코드를 모두 합치면 아래의 코드처럼 됩니다. ^^

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