본문 바로가기

슬라이드

[jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 모바일 기기에서 터치로 동작하는 이미지 슬라이더는 이미 한번 작업한 적이 있었습니다. 당시에는 모바일웹 초창기라 그것도 괜찮았었는데... 이제는 반응형 웹이라고 해서 웹상에서 드래그까지 지원하는 이미지 슬라이드가 필요하게 되었네요. 그래서 급 공부(?)를 했습니다. 그 결과로 샘플 페이지를 작업해서 기록의 목적으로 저장해봅니다. 관심있으신 분들은 다운로드 받아서 분석하시면 좋으실 것 같습니다. 2015.3.23.
[jQuery] 이미지 슬라이드, 팝업 갤러리 소스 [jQuery] 이미지 슬라이드, 팝업 갤러리 소스 기본적인 레이아웃은 이미지 슬라이드 갤러리이고, 해당 이미지를 클릭하면, 팝업 박스로 이미지 원래크기를 보여주며 이미지 이동도 되는 갤러리 입니다. 관련사이트 http://lokeshdhakar.com/projects/lightbox2/ http://slidesjs.com http://mobilyslider http://htmldrive.net less 표현 http://lesstocss.com http://css2less.cc http://bit.ly/JbQUEj
[HTML5+CSS3]모바일에서 터치, 슬라이드 모션 구현에 유용한 자바스크립트 라이브러리 터치, 슬라이드 모션을 위한 자바스크립트 라이브러리 모바일에서 터치라는 액션을 통해 슬라이드 모션을 적용할 수 있도록 하는 자바스크립트 라이브러이 제공 사이트입니다. 아래 파일은 해당 URL 에서 다운 받으실 수도 있습니다. 꼭, 터치 모션이 되는 디바이스에서 열어야, 슬라이드 모션이 확인디 됩니다. 바로가기 - http://swipejs.com
누구나 모바일 슬라이드 포토갤러리 구현할 수 있다 텍 기존의 클릭 방식이 아닌, 손가락으로 쓸어 넘기면 마치 앱 처럼 부드럽게 다음 슬라이드로 넘어가는 것이 이 소스가 가지는 가장 큰 특징입니다. 관련 사이트 및 링크 공식웹 사이트 : http://www.photoswipe.com/ 미리보기 : http://www.photoswipe.com/latest/examples/04-jquery-mobile.html 다운로드 : http://github.com/downloads/codecomputerlove/PhotoSwipe/code.photoswipe-2.1.6.zip 출처 - http://mjuzhj23.blog.me/140141533634