"mosaico-cropper is a user-friendly and touch-enabled inline image cropper tool which enables you to crop, resize, zoom, pan an image with support for back-end processing. Click the image to start the edit mode and then click the Confirm icon to save the changes. Built with jQuery, jQuery UI, Font Awesome, and jQuery UI Touch Punch. How to use it: 1. Load the dependencies in the document."
"2. Download and load the jQuery mosaico-cropper plugin's files. <link rel="stylesheet" href="dist/jqueryui-mosaico-cropper.min.css"> <script src="dist/jqueryui-mosaico-cropper.min.js"></script> 3. Call the function mosaicoCropper on the target image and done. <img class="example" src="image.jpg"> $('.example').on("click", function(e) { $(e.target).mosaicoCropper({ // options here }); }); 4. Customize the image cropper by overring the following parameters. $(e.target).mosaicoCropper({ imgLoadingClass: "my-cropper-loading", autoClose: true, autoZoom: false, shiftWheel: false, containerSelector: 'body', urlAdapter: automaticURLAdapter(e.target) });"
mosaico-cropper is a touch-enabled inline image cropper built with jQuery, jQuery UI, Font Awesome, and jQuery UI Touch Punch. It enables cropping, resizing, zooming, and panning while supporting back-end processing of edited images. Required dependencies include Font Awesome, jQuery, jQuery UI, and jQuery UI Touch Punch. Installation adds the plugin CSS and JS files dist/jqueryui-mosaico-cropper.min.css and dist/jqueryui-mosaico-cropper.min.js. Usage activates the editor by calling mosaicoCropper on an image element, typically inside a click handler. Customization accepts parameters such as imgLoadingClass, autoClose, autoZoom, shiftWheel, containerSelector, and urlAdapter. The latest release is v0.9.0 (2025-08-27).
Read at jQuery Script
Unable to calculate read time
Collection
[
|
...
]