CroppableImage

[apeisa]

Yep. You just aim between the eyes and that's it

[horst]

Regarding a cropped version: Is it right that we easily can create a new cropped-out image (variation) with the individual cropping tool of the core imagefield, and then, in a second step, select this new one an define the focus point?

If this would be possible, I think then there is nothing left out.

[Craig]

56 minutes ago, horst said:

Regarding a cropped version: Is it right that we easily can create a new cropped-out image (variation) with the individual cropping tool of the core imagefield, and then, in a second step, select this new one an define the focus point?

If this would be possible, I think then there is nothing left out.

I think that is a novel way of setting the focus point! But I don't necessarily agree that it should be the only option.

I have feeling more novice users/editors would be confused by it not being "specific" enough, as they might not be able to visualise how that appears in the front-end on their news article for example. Unless the pre-defined crop areas - as they exist now - will still show a preview step, somehow? Perhaps I've been thrown by the multiple tiles in the demo?

I just really enjoy how, for me and the projects I've worked on, CroppableImage has been one of the best image-related things in PW. It just helps so much being able to specify the dimensions images should be

[Martijn Geerts]

Cropping for different devices shouldn't mean crop to smaller sizes by default. Say you have a photo with a group of people and one of that group is the subject. It wouldn't be weird to crop out only that person for smaller devices.

[bernhard]

hi,

i also think that this would be a great addition but should NOT be the only option. playing around with the jquery demo (http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) i see that it would lead to problems when you only want to show a small part of the image that is located near the border of the image. i think a more advanced concept like the imagefoucsarea plugin would be better.

the best would be to have the good old cropping plugin with predefined ratios and/or dimensions, have a simple focus point option and even more have a more advanced focus-area option like in the plugin linked above

[felix]

Any updates on supporting PW3? As it's almost done now would be the time. Right?

[bernhard]

In the last Blog Post Ryan said he and Horst are working on it have had a chat about it... On Mobile no Link sorry  Link in the next post

[horst]

Ryan said that we have had a chat,
but I'm working on it.

[bernhard]

7 hours ago, horst said:

Ryan said that we have had a chat,
but I'm working on it.

haha ok sorry for that, i corrected my post here is the link: http://processwire.com/blog/posts/tesla-model-s/

Quote

Also for those that have been looking to use the CroppableImage module in PW3, Horst and I chatted this week and found a way to make it work so I imagine the option will be there very soon as well.

@horst

is it possible to share some details about that? what is planned? there was a lot of discussion around this topic in the past, i think it would be good to consider some of that feedback for a new version of the corefield (or will it again be a module?). i can't find the right topic now where we were talking about presets in the core field... what i found was only these two topics:

 

and still on my wishlist, because that would make building image galleries a breeze:

any chance that client side resizing finds its way to this update? at least it was mentioned in the roadmap for 2016  https://processwire.com/blog/posts/happy-new-year-heres-a-roadmap-for-processwire-in-2016/#what-else-is-coming-for-processwire-3.x-in-2016

Quote

Client-side image resizing. This will enable images to be resized before upload. This will be particularly handy for cases where clients are uploading giant photos that are time consuming and/or impossible to resize server-side.

thank you for all your work on the images field so far!!

[horst]

Just to clarify, I'm not working on the core image field, I only work on the CroppableImage Modules, to make them work with the new core Imagefield in PW3. It will inject a small section with buttons into the head of the edit area, like here, (predefined Crops)

The buttons will open a modal editor window. The editor window should get some new styling. Thats it.

And this only is possible because of the sponsoring through DREIKON, who are so kind to donate 500+ Euro for my work on this, what is much appreciated. Otherwise I wouldn't be able to invest the needed time for it, atm.

Current state is: injection works, modal open and close works, rearanging / styling of the editor window needs to be done, testing needs to be done.

[bernhard]

thanks for clarifying!

 

[felix]

Is there any chance that this module will be updated to work with 2.8.x?

[horst]

It should be working with the namespaced Version CroppableImage3.

• If it doesn't, you may strip out the namespace ProcessWire; at the top of all files,
• then install it with $config->debug = true; and look out for any failing function or class instance call that is prefixed with a backslash (\),
• if there are any of those errors or warnings, go into that file and line and remove the backslash (\).

After that it will work.

Other way would be to notify Ryan, that this module doesn't work with automaticly switching from v3.0 to v2.8 through the FileCompiler. Maybe he is willing to look at it and can justify the FileCompiler to identify and handle some special cases there too.

[felix]

Thanks Horst. It worked. I'll ping Ryan soon!

[Peter Knight]

Oops - I accidentally upgraded a small site from 2.7.X to 3.X not realising that CI was running and am getting following error:

Error: Uncaught Error: Class 'ProcessWire\ProcessCroppableImage' not found in /var/www/vhosts/domain.com/httpdocs/site/modules/ProcessCroppableImage/InputfieldCroppableImage/InputfieldCroppableImage.module:170
Stack trace:
#0 /var/www/vhosts/domain.com/httpdocs/site/modules/ProcessCroppableImage/InputfieldCroppableImage/InputfieldCroppableImage.module(147): InputfieldCroppableImage->getCropLinks(Object(ProcessWire\Pageimage))
#1 [internal function]: InputfieldCroppableImage->___renderItem(Object(ProcessWire\Pageimage), 'Images_e711d4de...', 0)
#2 /var/www/vhosts/domain.com/httpdocs/wire/core/Wire.php(348): call_user_func_array(Array, Array)
#3 /var/www/vhosts/domain.com/httpdocs/wire/core/WireHooks.php(548): ProcessWire\Wire->_callMethod('___renderItem', Array)
#4 /var/www/vhosts/domain.com/httpdocs/wire/core/Wire.php(373): ProcessWire\WireHooks->runHooks(Object(InputfieldCroppableImage), 'renderItem', Arr (line 170 of /var/www/vhosts/domain.com/httpdocs/site/modules/ProcessCroppableImage/InputfieldCroppableImage/InputfieldCroppableImage.module)

This error message was shown because: you are logged in as a Superuser. Error has been logged.

Would the manual upload of the PW3 folder and creation of CI3 image field solve this or do I need to restore the site to 2.7X and start again?

I'm out of the office right now and thought I'd ask first in case it makes things worse.

Thanks
P

 

 

[Tom.]

On 27/08/2016 at 8:50 AM, horst said:

Just to clarify, I'm not working on the core image field, I only work on the CroppableImage Modules, to make them work with the new core Imagefield in PW3. It will inject a small section with buttons into the head of the edit area, like here, (predefined Crops)

The buttons will open a modal editor window. The editor window should get some new styling. Thats it.

And this only is possible because of the sponsoring through DREIKON, who are so kind to donate 500+ Euro for my work on this, what is much appreciated. Otherwise I wouldn't be able to invest the needed time for it, atm.

Current state is: injection works, modal open and close works, rearanging / styling of the editor window needs to be done, testing needs to be done.

Any news on this?

[horst]

2 hours ago, Tom. said:

Any news on this?

It is in Croppable Image 3 >> https://processwire.com/talk/topic/14090-croppable-image-3/