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'>


Ask Questions

Ask Question