2010년 02월 04일 오후 02시 52분 / 태그 : jQuery / 조회수 : 212
jQuery 1.4가 공식 릴리즈 되었습니다. 2010년 1월 14일이니 좀 됐군요...
1.4버젼이 공식 릴리즈 되면서 jQuery API 페이지의 변화가 보이는군요...(jQuery 1.4가 릴리즈 되었는데 홈페이지의 변화 부터 봅니다 ㅡㅡ;) 그동안 좀 보기 어려웠다고 할만한 API페이지가 조금 더 보기 쉽게 변화 되었습니다. 워낙 다른 API에
오늘 소개해드릴 플러그인은 jCrop이라는 이미지 크롭 플러그인입니다.
jCrop은 사용자가 올린 이미지 또는 기타 등등의 이유로 사용자 직접 크롭핑 할 부분을 선택하여 크롭핑을 할 수 있도록 도와주는 jQuery 플러그인입니다.
아래는 jCrop의 Live Demo입니다.
jQuery(document)
다음은 이미지 Crop을 해주는 스크립트를 제공해주는 사이트를 소개하려고 합니다.
jQuery의 플러그인형태로 개발되었으며 크롭후 서버사이드에서 php를 통해 썸네일을 생성하는 부분까지 제공해주는군요.
사이트 주소는 http://deepliquid.com/content/Jcrop.html 입니다.
다운로드는 하단의 링크를 통해 다운로드 받으실수
jQuery의 기본중 기본인 jQuery Core의 jQuery메소드에 대한 강좌를 진행하겠습니다.
jQuery(=$)메소드는 jQuery Core의 핵심 메소드로 jQuery 또는 $로 사용 할 수 있습니다. 다음은 그 예제 입니다.
jQuery('#textBox');
$('#textBox');
위 예제는 textBox라는 ID를
JQuery와 Prototype을 같이 써야 하는 경우가 발생 할 수 있습니다. Jquery와 Prototype모두 장단점이 있기때문이기도 한데 이렇게 두 API를 모두 사용 할 경우 $메소드가 중복되어 Javascript에러가 발생합니다.
이경우에는 prototype과 jquery를 인클루드 한다음 jQuery.noConflict();명령을 하단에