Jump to content

Image Crop Feature


Tom.
 Share

Recommended Posts

Hello, 

I noticed that there was a way to crop images once uploaded using the image crop feature shown here: 

https://processwire.com/blog/posts/image-editing-features-continued-2.5.20/#more-image-editing-features

However I'm running 2.6.18 dev and it's not there. Click the title just brings the image up in a light box also no crop icon shows. 

How do I activate it? 

Thanks,

Tom

EDIT:

Sorry, I just realised that this was only available on images just uploaded with the page not yet saved, not with images already on a saved page. Not sure if this is intended functionality. 

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
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By RicknRoller
      Hi there!
      I am quite new to processwire and am just finishing my first PW project. I think the whole framework is awesome and could profit a lot from all the tutorials available. One thing that I somehow can't seem to get my head around is working with images and their resizing. I have following scenario:
      A 'gallery-index' page with its 'gallery' children. Those children have an 'images' field where the user uploads his (often too big) images.
      I am working with twig. On the gallery page frontend I have a slider, a displayed collection of all the images and a hidden one where I get the source to the original image in a popup. So in total the images will be outputted 3 times in different sizes.
      First:
      <div id="slick"> {% for img in page.images %} <img src="{{ img.height(400).url }}" alt=""> {% endfor %} </div> Second:
      <div class="gallery"> {% for img in page.images %} <img src="{{ img.width(300).url }}" alt=""> {% endfor %} </div> Third:
      <div class="hidden"> {% for img in page.images %} <a href="{{ img.maxWidth(1024).url }}" data-original="{{ img.url }}"></a> {% endfor %} </div> Now, the loops basically work, and some images are displayed the right way. But not all of there are displayed at all, despite them being there in the DOM. The urls all look right but some will be displayed and some url just go to a small black box image. How comes that PW manages to have different results in displaying the images in different formats?
      URL of gallery: http://2019.hclaupersdorf.ch/fotos/hc-laupersdorf-vs-ruschlikon-chiefs/ (there are more in the DOM than displayed)
      URL of 'not working' image: http://2019.hclaupersdorf.ch/site/assets/files/2361/20180616-rueschlikon-21_42049612175_o.300x0.jpg
      Furthermore, whenever this error occurs (which usually is at every page request on the gallery page), the DOM doesn't fully load. My JS for init the slider or the popup won't be loaded and the page is basically displayed half-loaded.
      Any ideas or suggestions on how to work around it, best practice when handling images & galleries?
      Thanks!
    • By robinc
      I have an issue where I want to have an image resized, but have both a cropped and non-cropped version available (of the same size!)
      The code to do this is simple:
      $imagefull = $image->size(320,320,array( 'cropping' => false); $imagecropped = $image->size(320,320,array( 'cropping' => true); However, this only creates ONE variant of the image:
      eg. imagename.320x320.jpg
      So the same image is shown twice in the output page, instead of the two options
      Can anyone suggest a clean way of doing this? (ie. not duplicating every base image)
      Is there a way of creating named Image Variations? And do these names go into the filename to guarantee uniqueness?
      eg. $image->addVariation($name,$size,$options) or similar
      Thanks
×
×
  • Create New...