Hallo *,

ich habe in meiner Webseite das cropper.js von http://www.defusion.org.uk/code/java...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.
Code :
1

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

Hier der Quellcodeausschnitt.

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

     <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