If I switch the order of the jQuery Mobile pages, so that the Cropit page is the first (default) page of the HTML instead of this page, the zoom works fine: Example: Cropit is the first jQm page. CropIt seems perfect for the job, and works beautifully, UNLESS its not the first jQuery Mobile page in the list of jQm 'pages', that displays by default in the HTML file. Everything else works, including the imageState tag, the drag-to-pan on the image, the image upload and export. ![]() ![]() The long URL in the external resources list is a "locally" hosted version of on Google Drive. To add zooming effect, first of make sure that you included zoom module to Magnific Popup build (since v0.9.1.). A feasible solution can be provided in the editing and uploading of user avatars. Here's a stripped-down example based on the sample CropIt code on GitHub. The jquery cropit plug-in can easily cut pictures, zoom, rotate, and upload the cut pictures (base64 encoded string) to the server. I've created a jsFiddle to illustrate the problem:Īny help getting the zoom slider to work would be appreciated, thanks! Code attached. If it's not, everything works except for the zoom slider. CropIt seems perfect for the job, and works beautifully, UNLESS it's not the first jQuery Mobile page in the list of jQm "pages", that displays by default in the HTML file. ![]() It's designed so that everything UI element is easily and completely customizable through CSS. It's designed for the scenarios where you want your users to be able to crop an image to a specific size and aspect ratio. I'm trying to implement a jQuery-based image crop function that exports to base64 text. I recently made my first jQuery plugin for customizable image cropping and zooming.
0 Comments
Leave a Reply. |