Jcrop is a powerful image clipping engine for jquery.
It is designed to make it easy for developers to integrate advanced image cropping capabilities directly into any web-based application without sacrificing power and flexibility (or coding, testing and debugging weeks). Jcrop also has clean, well-organized code that works well in most modern web browsers.
in <HEAD> you need to load the necessary files on the page this includes:
jquery Library
Jcrop's JavaScript
Jcrop CSS style sheet
It should look like this: [HTML] view plain copy print? <script src= "Js/jquery.min.js" > </script> <script src= "Js/jquery". Jcrop.min.js "> </script> <link rel=" stylesheet "href=" css/jquery. Jcrop.css "type=" Text/css "/>
Getting started with the first simple point demo: [Java] View Plain copy print? <%@ page language= "java" contenttype= "Text/html; charset=utf-8" pageencoding= "UTF-8"%> <! doctype html public "-//w3c//dtd html 4.01 transitional//en" "http:// Www.w3.org/TR/html4/loose.dtd ">
Effect Chart:
Jcrop Simple Event Handling Demo:
[Java] View Plain copy print? <%@ page language= "java" contenttype= "Text/html; charset=utf-8" pageencoding= "UTF-8"%> <! doctype html public "-//w3c//dtd html 4.01 transitional//en" "http:// Www.w3.org/TR/html4/loose.dtd "> Effect Chart:
Jcrop Instance Demo Demo3:
[Java] View Plain copy print? <%@ page language= "java" contenttype= "Text/html; charset=utf-8" pageencoding= "UTF-8"%> <! doctype html public "-//w3c//dtd html 4.01 transitional//en" "http:// Www.w3.org/TR/html4/loose.dtd "> Effect Chart:
Jcrop Instance Demo4:
[Java] view plain copy print <%@ page language= "java contenttype=" text/html ; charset=utf-8 " pageencoding=" UTF-8 "%> <! doctype html public "-//w3c//dtd html 4.01 transitional//en" "http:// Www.w3.org/TR/html4/loose.dtd ">