text: $(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: updatePreview,
        onSelect: updatePreview,
        aspectRatio: xsize / ysize
      },function(){
        // Use the API to get the real image size
        var bounds = this.getBounds();
        boundx = bounds[0];
        // boundx = $(".lijiacongxiugai").width;
        boundy = bounds[1];
        // boundy = $(".lijiacongxiugai").height;
        // Store the API in the jcrop_api variable
        
        jcrop_api = this;
  
        // Move the preview into the jcrop container for css positioning
        $preview.appendTo(jcrop_api.ui.holder);
      });
  
      function updatePreview(c)
      {
        if (parseInt(c.w) > 0)
        {
          var rx = xsize / c.w;
          var ry = ysize / c.h;
  
          var width =  Math.round(rx * boundx);
          var height =  Math.round(ry * boundy);
          var ml = Math.round(rx * c.x);
          var mt = Math.round(ry * c.y) ;
  
          $pimg.css({
            width: width + 'px',
            height: height + 'px',
            marginLeft: '-' + ml + 'px',
            marginTop: '-' + mt + 'px'
          });
        }
      };
  
    
  
    });
    