7

I have a simple jcrop example and I can't 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 doesn't 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>
ctype.h
  • 1,470
  • 4
  • 20
  • 34
jimbo
  • 71
  • 1
  • 3

1 Answers1

24

I know this is a kinda old, but unanswered so.

You have to include the css file that comes with the script it sets up the overlay and the gif.

John
  • 241
  • 1
  • 3