본문 바로가기

plugin

[jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 [jQuery] 제이쿼리를 사용한 드래그, 터치 이미지 슬라이드 샘플 모바일 기기에서 터치로 동작하는 이미지 슬라이더는 이미 한번 작업한 적이 있었습니다. 당시에는 모바일웹 초창기라 그것도 괜찮았었는데... 이제는 반응형 웹이라고 해서 웹상에서 드래그까지 지원하는 이미지 슬라이드가 필요하게 되었네요. 그래서 급 공부(?)를 했습니다. 그 결과로 샘플 페이지를 작업해서 기록의 목적으로 저장해봅니다. 관심있으신 분들은 다운로드 받아서 분석하시면 좋으실 것 같습니다. 2015.3.23.
[jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin [jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin 사이트 작업을 하다보면 그래프를 표현해야 할때가 있습니다. 이전에는 그냥 이미지로 대체했었는데, 동적으로 구현하기 위해서는 스크립트 사용이 필수불가결이지요. 여러가지 그래프 플러그인이 있습니다. 모두는 아니지만 그래도 많이 검색해보고 여러가지 플러그인을 테스트를 해보았는데요. 이 플러그인 처럼 심플한 것은 못 봤네요 ㅋ 추천합니다. ㅋ 아래 파일은 여러 버전중 다운받은 js 중 하나입니다. ㅎ
[jQuery]이미지 로딩 - Lazy Load Plugin for jQuery(특정영역) Lazy Load Plugin for jQuery 이미지 파일들을 페이지 호출시 무작정 보여주는 것이 아니라 브라우져의 가시영역을 이동(스크롤)할 경우에만 해당 영역의 이미지를 보여주는 기능 사용법 1. 헤더부분에 아래코드를 넣음 2. 이미지 태그를 지정함 (기본코드) $("img").lazyload(); 3. 실제 적용예제(img/grey.gif 파일을 이미지 로드전에 보여줌) $(function() { $("img").lazyload({placeholder : "img/grey.gif"}); }); 4. 특정영역에만 코드적용 게시판이나 본문내용외에 다른 이미지의 로드가 오작동하는..