Images handler that will generate image thumbs and serve them when displayed (like the drupal image styles services)
This package is used to resize/modify images dynamically on a website. It requires Mouf and Apache as a web-server.
You store the images to be resized/transformed in a directory. For instance:
You would normally access those images like this:
Instead, using this package, you can access
test.png image does not exist in the
small directory, it will be automatically resized,
and stored in that directory (thanks to a
.htaccess file stored in the
Once the image has been generated, the image will be served statically.
Therefore, the cost of resizing the image is only paid once, the first time the image is accessed.
This package is very similar to the way the image_cache module works in Drupal.
First, start by creating an instance of the
The most important properties are:
- initialImageFilter: this is a pointer to an object representing the source image.
- imageSource: this is a pointer to an object representing the transformed image.
- savePath: the directory where the resized images will be saved.
- basePath: the directory where the original images are stored.
The initialImageFilter property must be filled with an instance of
MoufImageFromFile. For your convenience,
you might name this instance
path property of the
sourceImage should remain empty.
It will be filled on runtime, when an image is requested.
Finally, the most important part. The imageSource property points to an instance of a class implementing
MoufImageInterface. In our case, we are looking to reduce the image size. We will therefore use the
MoufImageResize class that resizes an image. Here, we could put any valid transformation provided
by the mouf.image package.
Everything is set up. We just need one additional thing. We need to write the
.htaccess that will
automatically call the
StaticImageDisplayer if an image is not found.
StaticImageDisplayer class provides a utility function for this, directly accessible from the Mouf UI.
StaticImageDisplayer instance, just click on the "Generate .htaccess" button.
The .htaccess should be generated. You are now ready to test image resizing.
Put an image in your
basePath folder and try to access it from the
savePath URL. You should see the image resized.