jQuery 이미지 자르기 플러그인 Jcrop.js
<html>
<머리>
<meta charset="utf-8" />
<title>jQuery图文裁剪插件Jcrop.js</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
</머리>
<body><script src="/demos/googlegg.js"></script>
<br>
<div class="wrap" id="jcropdiv">
<div class="wl">
<div class="jc-demo-box" data="0">
<div id="target" class="jcrop_w" >
<img src="images/bb.jpg" /> </div>
</div>
<div class="jy-up-ch"> <a id="idLeft" href="" class="bch bch1"> </a> <a id="idSmall" href="" class="bch bch2"> </a> <a id="idBig" href="" class="bch bch3"> </a> <a id="idRight" href="" class="bch bch4"> </a> </div>
</div>
<div class="wr" id="preview-pane">
<div class="preview-container">
<div class="pre-1"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pre-2"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
<div class="pre-3"> <img src="images/bb.jpg" class="jcrop-preview jcrop_preview_s" alt="" /> </div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jQuery.js"> </스크립트>
<script type="text/javascript" src="js/jquery.Jcrop.js"> </스크립트>
<script type="text/javascript" src="js/basic.js">
<div style="text-align:center;margin:10px 0; 글꼴:normal 14px/24px 'MicroSoft YaHei';clear:both;">
<br><br><br><br>
</div>
</본문>