Tengo un pequeño problema que debido a mi desconocimiento de Jquery no soy capaz de solucionar y os agradeceria que me hechaseis un cable con ello :)
Os pongo el codigo y os explico abajo :)
Código:
Este es el codigo que he copiado de los ejemplos y los he unificado, por separado, funciona correctamente, pero cuando los unifico me da el siguiente error:jQuery(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, onRelease: clearCoords, aspectRatio: xsize / ysize },function(){ // Use the API to get the real image size var bounds = this.getBounds(); boundx = bounds[0]; boundy = bounds[1]; // 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 showCoords(c) { $('#x1').val(c.x); $('#y1').val(c.y); $('#x2').val(c.x2); $('#y2').val(c.y2); $('#w').val(c.w); $('#h').val(c.h); }; function updatePreview(c) { showCoords(); if (parseInt(c.w) > 0) { var rx = xsize / c.w; var ry = ysize / c.h; $pimg.css({ width: Math.round(rx * boundx) + 'px', height: Math.round(ry * boundy) + 'px', marginLeft: '-' + Math.round(rx * c.x) + 'px', marginTop: '-' + Math.round(ry * c.y) + 'px' }); } }; });
TypeError: c is undefined
[Parar en este error]
$('#x').val(c.x);
Por favor si alguien me puede ayudar se lo agradeceria :)
Un saludo!!!