Skip to content

Instantly share code, notes, and snippets.

@brettcvz

brettcvz/gist:6197978

Created August 9, 2013 22:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save brettcvz/6197978 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save brettcvz/6197978 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. brettcvz created this gist Aug 9, 2013.
    29 changes: 29 additions & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    $(function(){
    var jcrop_api;

    var changeCrop = function(c){
    //alert(c.w);
    var url = $('#convert_url_link').attr('href');
    var cropparams = [Math.floor(c.x),Math.floor(c.y),Math.floor(c.w),Math.floor(c.h)].join();
    newurl = url.replace(/crop=[0-9]+,[0-9]+,[0-9]+,[0-9]+/, 'crop='+cropparams);
    $('#convert_url_link').attr('href', newurl );
    $('#process-image-thumb').attr('src', newurl );
    $('#convert_url_link').text(newurl );
    };

    $('#convert_url_placeholder').change( function(){
    $('#converted_url').attr('src', $('#convert_url_placeholder').text());
    });

    //target is the img tag
    $('#target').attr('src',url);
    $('#target').Jcrop({
    bgColor: 'black',
    onSelect: changeCrop,
    aspectRatio:1,
    keySupport:false
    },function(){
    jcrop_api = this;
    jcrop_api.setSelect([ 100,135,320,190 ]);
    });
    });