como usar jcrop?

PabloPF · #1 (**permalink**) 19/05/2011, 11:50

hola, estoy utilizando jcrop pero no se como hacer para cortar la area seleccionada de la imagen. lo tengo subido:
http://www.tuentodo.net76.net/Jcrop/demos/prob.html
como lo puedo hacer?
hay otro codigo parecido?

abimaelrc · #2 (**permalink**) 19/05/2011, 13:34

¿Verificaste la documentación y los demos? http://deepliquid.com/content/Jcrop.html

PabloPF · #3 (**permalink**) 20/05/2011, 07:15

si y tengo todos los scripts.
el codigo html es este:

Código HTML:

Ver original<head>
 
        <script src="../js/jquery.min.js"></script>
        <script src="../js/jquery.Jcrop.js"></script>
        <link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
        <link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
        <style type="text/css">
            fieldset.optdual { width: 500px; }
            .optdual { position: relative; }
            .optdual .offset { position: absolute; left: 18em; }
            .optlist label { width: 16em; display: block; }
            #dl_links { margin-top: .5em; }
        </style>
<script language="Javascript">
 
$(function(){  
  
    $('#cropbox').Jcrop({  
        aspectRatio: 1,  
        onSelect: updateCoords  
    });  
  
});  
  
function updateCoords(c)  
{  
    $('#x').val(c.x);  
    $('#y').val(c.y);  
    $('#w').val(c.w);  
    $('#h').val(c.h);  
};  
  
function validar()  
{  
    if (parseInt($('#x').val())) return true;  
    alert('Seleccionar una region');  
    return false;  
};  
 
</script>
</head>
<body>
 
<img src="demo_files/flowers.jpg" id="cropbox" />  
<form action="" method="post" onSubmit="return validar();">  
    <input type="hidden" id="x" name="x" />  
    <input type="hidden" id="y" name="y" />  
    <input type="hidden" id="w" name="w" />  
    <input type="hidden" id="h" name="h" />  
    <input type="submit" value="Crop Image" />  
</form>  
 
</body>

Carlangueitor · #4 (**permalink**) 21/05/2011, 12:48

Si no me equivoco necesitas usar PHP para que te corte la imagen, el plugin es solo para manejar el front-end. A mi no me carga bien el sitio pero supongo que ahí viene documentación.

Saludos