citywebshop_cms/static/js/cropper_functions.js

$(document).ready(function() {
    var placeholderImage = $('#placeHolderContainer').val();
    var placeholderCategory = $('#placeHolderCategory').val();
    var placeholderHeader = $('#placeHolderHeaderContainer').val();
    var placeholderImageProfile = $('#tempContainer').val();

    if (!placeholderImage) placeholderImage = placeholderImageProfile;
    
    $('#avatarImage').cropit({
        exportZoom: 1.25, 
        type: 'image/jpeg', 
        quality: 1, 
        imageBackground: true, 
        imageBackgroundBorderWidth: 20, 
        imageState: { src: placeholderImage }
    });

    $('#categoryImage').cropit({
        exportZoom: 1.25, 
        type: 'image/jpeg', 
        quality: 1, 
        imageBackground: true, 
        imageBackgroundBorderWidth: 20, 
        imageState: { src: placeholderCategory }
    });

    $('#headImage').cropit({
        exportZoom: 1.25, 
        type: 'image/jpeg', 
        quality: 1, 
        imageBackground: true, 
        imageBackgroundBorderWidth: 20, 
        imageState: { src: placeholderHeader }
    });
    
    $('#galeryImage').cropit({
        exportZoom: 1.25, 
        type: 'image/jpeg', 
        quality: 1, 
        imageBackground: true, 
        imageBackgroundBorderWidth: 20
    });
    
    $('.image-editor').cropit({
        exportZoom: 1.25, 
        type: 'image/jpeg', 
        quality: 1, 
        height: '250px', 
        imageBackground: true, 
        imageBackgroundBorderWidth: 20
    });

});