jcrop

I would like to use jcrop to select an area on something that has built in javascript which I can't modify. This javascript is interfering with jcrop i think. so I tried putting a transparent gif over the top of the thing I would like to select. This stopped the thing underneath interfering with jcrop and I coudl select areas fine. Jcrop, however, is making the transparent image black rather than transparent. Here is a jsfiddle http://jsfiddle.net/andieje/rvTmX/ This is the html <img id="cropbox" src="http://deepliquid.com/projects/Jcrop/demos/demo_files/sago.jpg" style="position: absolute;

My jcrop code $(function(){ // Create variables (in this scope) to hold the API and image size var jcrop_api, boundx, boundy, // Grab some information about the preview pane $preview = $('#preview-pane'), $pcnt = $('#preview-pane .preview-container'), $pimg = $('#preview-pane .preview-container img'), xsize = $pcnt.width(), ysize = $pcnt.height(); //console.log('init',[xsize,ysize]); $('#target').Jcrop({ onChange: updateInfo, onSelect: updateInfo, onRelease: clearInfo, setSelect: [0, 0, 150, 180], boxWidth: 400, boxHeight: 300, allowMove: true, allowResize: true, allowSelect: true, aspectRatio

I need an app for crop an image in the client side, I mean, using a cropping tool like Jcrop jquery plugin. I found this tools: django-image-cropper django-image-cropping django-imagehandler django-avatar-crop But the last two depends of admin and the two first seem very coupled to ther own ImageFields and models, any good solution? We are working over a big application with many features and is very difficult change the logic writed I think this is something that you will probably be best off writing yourself as it depends on how your data and models are layed out, whether (and where) you

I want to start JCrop selection in the center of the picture. Is there a way to do it? Is there a option or something? It's not specified in the manual. Do we have to calculate it manually? In case you are not able to figure out how to set the selection in the centre : Check the setting options http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options Something like this (taken from the API ref) : <script language="Javascript"> jQuery(function($) { $('#target').Jcrop({ onSelect: showCoords, bgColor: 'black', bgOpacity: .4, setSelect: [ x, y, x1, y1 ], aspectRatio: 16 / 9 }); }); </script

how do i un-jcrop an image? I'm adding jcrop with a; $('#imgThumbnailer').Jcrop({ onChange: statusCrop, onSelect: statusCrop, bgColor: 'black', bgOpacity: .3 }); How do I go about undoing it? Edit: $('#imgThumbnailer').attr("src", $obj.attr('thumbnailer_link')); var dlg = $("#ThumbnailDialog").dialog({ modal: false, draggable: false, position: 'center', zIndex: 99999, // Above the overlay closeText: '', width: 510, height: 500, open: function () { $('body').css("overflow", "hidden"); if ($.browser.msie) { $('html').css("overflow", "hidden"); } $("#loader").show(); var ratio = parseFloat($obj

I'm trying to crop an image using Jcrop, but when I use jqueryrotate on the image, something weird happens. I rotate the image 90 degress then I activate the JCrop, the JCrop does not follow the image rotated, so I also rotate the Jcrop-holder. The resulting image is ok, but when I select a section to crop, I have noticed that my tracker is also rotated. When I drag it up, it goes right, when I drag it left, it goes down. What happens Then it goes How do I make the crop selection tool stay upright? My html: <div class="img-canvas" style="background-color:#cccccc;" > <img id="image_canv" src="<

I'm trying to figure out how to fix the selection box size under JCrop. The documentation mentions how to set an initial selection area but not how to make it fixed size. Does anybody knows how could I make it fixed. Thanks in advance. http://deepliquid.com/content/Jcrop_Manual.html You are basically looking for the API section. Having extensively used this plugin myself, I know exactly what you're looking for: var api; var cropWidth = 100; var cropHeight = 100; $(window).load(function() { // set default options var opt = {}; // if height and width must be exact, dont allow resizing opt