Jquery Imgareaselect Example - Jquery
How to use imgareaselect in jquery?
Snippet Code
Rate this page :
|
[ 0 votes]
|
Imgareaselect is used to select a rectangular area of an image. It also allows to crop image easily and other user interface features. The sample imgeareaselect code is given below.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src='http://odyniec.net/projects/imgareaselect/jquery.imgareaselect.pack.js'></script>
<script src='http://odyniec.net/projects/imgareaselect/jquery.imgareaselect.dev.js'></script>
<link rel="stylesheet" type="text/css" href="http://odyniec.net/projects/imgareaselect/css/imgareaselect-animated.css" />
<script>
$(document).ready(function () {
$('#demo').imgAreaSelect({ x1: 120, y1: 90, x2: 280, y2: 210 });
});
</script>
<img id='demo' src='images/test.jpeg'>
