bwakad Posted August 9, 2014 Share Posted August 9, 2014 Well, the title does not say much. But I need to have profile images: A maximum of 4 images per profile, on browsing, only a thumb. but I need some help on this: 1. Any picture, portrait or landscape which is uploaded through frontend, need to be visible on the site in the same size, so that each profile has the same sized image. I know I can set a determined height and width for displaying on frontend, or maybe I need cropping or clipping for that, but how? 2. Any picture also need to get a thumb. Used in browsing. I see some modules for cropping, but how to accomplish the cropping in the frontend. Example, you see a picture you uploaded, and then you can move a square over the picture and say, yes, this is the part I want... 3. If I need the same module for both (1 and 2) it would not work I guess. Link to comment Share on other sites More sharing options...
marcus Posted August 9, 2014 Share Posted August 9, 2014 This sounds like a case for Apeisas Thumbnail module: http://modules.processwire.com/modules/fieldtype-crop-image/ - especially for #2. Otherwise, and without a dependency for a contributed module, $image->size(400, 600); will work. Link to comment Share on other sites More sharing options...
bwakad Posted August 9, 2014 Author Share Posted August 9, 2014 Yes for 2 this would work. But I am unknown as to how to add this to a frontend upload and let the owner of the image crop it. Link to comment Share on other sites More sharing options...
marcus Posted August 9, 2014 Share Posted August 9, 2014 Yes for 2 this would work. But I am unknown as to how to add this to a frontend upload and let the owner of the image crop it. Oh sorry, I misread. Maybe apeisa could tell if this is possible and what frontend JS dependencies (for example) this would have. Link to comment Share on other sites More sharing options...
LostKobrakai Posted August 10, 2014 Share Posted August 10, 2014 Maybe just take a look at apeisa's thumbnail modules internals. The cropping is done on an extra page, so maybe you can refactor this for your needs. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now