PHP-hispano.net

Hola,

estoy intentando hacer funcionar este recortador (cropper en ingles) de imagenes.

Es la primera vez que uso una herramienta (no se como llamar a los .js que permiten efectos, etc) de este estilo.

El caso es que tengo todo instalado y no me funciona..

Estoy usando: Firefox 3.0.5 en Ubuntu Hardy, prototype 1.6.0.3 (he chequeado que se incluye correctamente) and scriptaculous 1.8.2 (tambien he chequeado que se incluye correctamente).

El codigo que estoy usando es el mismo que aparece en la pagina web:

<img src="/uploads/fotografias_miembros/fer.jpg" alt="Test image" id="testImage" width="500" height="333" />

    <script type="text/javascript" language="javascript">
    Event.observe( window, 'load', function() {
        new Cropper.Img(
            'testImage',
            { onEndCrop: onEndCrop }
        );
    } );
</script>
 

Al cargar la pagina, la imagen se visualiza pero no me aparece nada del cropper....

Como comenté es la primera vez que intento añadir a una pagina algo de este estilo y no se si estoy haciendo las cosas bien.

¿Alguien me echa una mano?

Un saludo

Javi

Si mirás el código fuente de la página de demo (http://www.defusion.org.uk/demos/060519/cropper.php) vas a notar que se incluye bastante más código que el que estás usando.

www.disegnocentell.com.ar

Hola,

gracias, he copiado y pegado el codigo de la pagina qu e mencionas pero cuando paso el cursor por encima de la imagen no aparece la cruz que aparece en la demo...¿Alguien ha intentado probar a ver si le funciona este cropper? Si alguien se anima a probar y le funciona le agradeceria muchisimo que me mandase el codigo.. 

La cruz es un simple estilo css:
cursor:crosshair

www.disegnocentell.com.ar

Hola,

pues ese estilo no aparece entre los estilos de la demo:

http://www.defusion.org.uk/demos/060519/cropper.php

¿puede ser eso raro?

Si mirás la página con firebug vas a notar que carga esta hoja de estilos:
http://www.defusion.org.uk/demos/060519/lib/cropper.css
Ya ahí en contrarás el estilo que te mencioné ;)
(No es raro, sólo carga la hoja de estilos con javascript y es por eso que na la ves en el documento.)

www.disegnocentell.com.ar

hola de nuevo,

efectivamente, he añadido los estilos de cropper.css y ya me sale la crucecita, Gracias!

El siguiente paso: al pinchar sobre la imagen me deberia salir un cuadradito (es el area de seleccion con 0px x 0px), pero no me sale...

Son esto tambien estilos? Alguna idea?

Javi

Hola de nuevo,

finalmente he conseguido que funcione. Yo pensaba que scriptaculous era un solo archivo (scriptaculous.js) pero resulta que son varios (dragdrop.js, controls.js, ...). Yo solo estaba incluyendo scriptaculous.js ...

Un saludo

Javi