JCrop - Cant move selection

I have a simple jcrop example and I cant seem to figure out how to move the selection. I thought that it might be the jquery library but i am using v1.3.2 which is what the demo uses. I have used jcrop in another site and everything works fine when i bring it up. I tried setting the "allowMove" option to true but it still doesnt work. Am I missing something here?

<html>
<head>
 <script src="./jquery-1.3.2.js" type="text/javascript"></script>
 <script src="./jquery.Jcrop.min.js" type="text/javascript"></script>
  <script type="text/javascript">
                $(document).ready(function() {
                    //alert('fda');
                    //SET JCROP OPTIONS
                    jcrop_api = $.Jcrop('#cropPhoto');
     jcrop_api.setOptions({ allowMove: true });
                    jcrop_api.setOptions({ allowResize: false });
                    jcrop_api.setSelect([0, 0, 200, 200]);

                });


            </script>

</head>
<body>

 <img id="cropPhoto" src="http://www.townattorneygeneral.com/images/CarlPerson019.jpg" alt="randomimage" style="border:1px solid #000000;" />


</body>
</html>

ansaurus

tags:

views:

answers:

JCrop - Cant move selection

related questions