[jQuery Plug-in] 이미지 크롭 플러그인 – jCrop[ 편집자 : Blueⓘ ]
2009년 11월 16일 오후 03시 39분 태그 : , , , / 조회수 : 801

오늘 소개해드릴 플러그인은 jCrop이라는 이미지 크롭 플러그인입니다.

jCrop은 사용자가 올린 이미지 또는 기타 등등의 이유로 사용자 직접 크롭핑 할 부분을 선택하여 크롭핑을 할 수 있도록 도와주는 jQuery 플러그인입니다.

아래는 jCrop의 Live Demo입니다.


<html>
<head>
	<script src="js/jquery.Jcrop.js"></script>
	<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
	<script>
		jQuery(document).ready(function(){
			jQuery('#cropbox').Jcrop({
				aspectRatio: 1,
				onSelect: updateCoords,
				setSelect: [ 100, 100, 200, 200 ]
			});
 
		});
	</script>
</head>
<body>
	<center><img src="/include/postExamples/jCrop/demos/demo_files/flowers.jpg" id="cropbox" /></center>
</body>
</html>

다운로드 : jquery.Jcrop-0.9.8.zip


이 글이 도움이 않되셨더라도 왼쪽 아래에 있는 손 모양의 추천을 눌러주세요...^^

엮인글 주소 : http://www.blueiblog.com/ko/archives/1397/trackback
  • 이 숫자를 스팸 방지키란에 입력하여 주세요.