Jump to content

CroppableImage


horst

Recommended Posts

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. :)

Link to comment
Share on other sites

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 :)

  • Like 1
Link to comment
Share on other sites

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 :)

  • Like 4
Link to comment
Share on other sites

  • 1 month later...
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!! :)

Link to comment
Share on other sites

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)

noisy-thumbnail-background.gif

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.

  • Like 12
Link to comment
Share on other sites

  • 1 month later...

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.

  • Like 1
Link to comment
Share on other sites

  • 2 months later...

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

 

 

Link to comment
Share on other sites

  • 4 weeks later...
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)

noisy-thumbnail-background.gif

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?

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...