Frage zu ImageCropper-UI

[damian77]

Hallo *,

ich habe in meiner Webseite das cropper.js von http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/ eingebunden.
Es funktioniert auch sehr gut.

Jetzt müßte ich den Cropper-Rahmen bei Bedarf (z.B. Button-Click) ausblenden lassen. Ich weiß, dass es z.B. mit resetCropper oder displayOnInit gehen müßte.

Vermutlich müsste es so ähnlich aussehen, nur leider weiß ich nicht was ich anpassen muss.

Event.observe( $('removeCropper'), 'click', CropImageManager.resetCropper.bindAsEventListener( CropImageManager ), false );]

Hier der Quellcodeausschnitt.

     <script language="javascript" type text="text/javascript">
    
        /*<![CDATA[*/

      Event.observe( window, 'load', function() {
        new Cropper.Img(
            'bilde',
            {
                ratioDim: {
                    x: 153,
                    y: 188
                },
                displayOnInit: true,
                onEndCrop: onEndCrop
            }
        );
    } );

    function onEndCrop( coords, dimensions ) {
    $( 'x1' ).value = coords.x1;
    $( 'y1' ).value = coords.y1;
    $( 'x2' ).value = coords.x2;
    $( 'y2' ).value = coords.y2;
    $( 'width' ).value = dimensions.width;
    $( 'height' ).value = dimensions.height;
}
</script>

VG
damain77