It seems that Sonata Media has only two strategies when it comes to cropping/resizing the uploaded image, Sonata\MediaBundle\Resizer\SimpleResizer and Sonata\MediaBundle\Resizer\SquareResizer. Both these strategies are automatic, meaning that the users don't have a say in how they want the image to be resized/croppped.
I would like to give the user an option to select the portion of the image that is more relevant, kind like the jQuery Image Cropper library used by GenemuFormBundle, but I don't even know where to start. Will I need to create my own Admin class instead of using Sonata\MediaBundle\Admin\BaseMediaAdmin? Has anyone write a bundle that I can use? How do you manage your galleries usually?
You should look at ComurImageBundle. It's far easier than Sonata Media, doesn't create anything in database and lets you upload with jquery file uploader, crop with jcrop and other useful things.
I wrote a simple admin extension that give you the ability to customize the images by format. It's actually a Work In Progress that needs some test, documentation and refactoring, but it does the job, it's lightweight and it's shipped with a resizer to handle fixed dimensions.
You can find it here: https://github.com/julien-maitan/sonata-media-crop
If you are using sonata media bundle with sonata admin, there is a picasa photo editor already in place in media edit form.
Please check.
Related
I'm looking for a solution to have this kind of functionality to work on silverstripe:
http://papermashup.com/demos/php-gd-image-and-text/
Basically I would like to make an object on the back (page) with uploadable fonts and base image and then on the front end (for any user) I would like to have a form with font chooser (from fonts I've uploaded for this particular page) - finally it will generate the image with some text.
I can't find any solution for SilverStripe.
This sounds rather like you're asking for help with a particular solution, and not with a specific issue that you're having.
What have you tried so far? Did you check https://addons.silverstripe.org? What did you find?
What you're asking is totally possible, and off the top of my head requires a a custom subclass of GDBackend which will interact with GD directly, a custom Controller comprising a single public method who's logic calls your custom GD logic to generate the image, and some basic jQuery+AJAX to POST the form-field values into your controller.
Is it possible to use multiple crop (with multiple upload) in FileApi or FileApi Advanced ?
via this Yii2 libraries
https://github.com/vova07/yii2-start/blob/master/common/extensions/fileapi/FileAPI.php
or
https://github.com/vova07/yii2-start/blob/master/common/extensions/fileapi/FileAPIAdvanced.php
At least: my task it's make photo gallery. With multiupload, crop, to every photo in submodel can be attached description, title and checkbox for is it cover for album
Relation : Gallery HAS_MANY Gallery_photos
any suggestions, other libraries ?
You can do this but, you need to add this functionality by your self.
At this moment I write an extension FileAPI for Yii 2, that will can do multiple upload and crop at the same time by default.
For future details watch this issue.
This is a pretty broad question but something I'd like input on. I am attempting to create an interface where users can drag a photo from their desktop into a canvas in the browser. That canvas would have a fixed image in it already (acting as a watermark). I'd like the user to be able to drag and scale their image in the canvas until they are satisfied, then be able to save the image. The idea behind this being almost like a photo bomb but they choose a photo to merge theirs with.
I have done some research on using HTML5 canvas and also on using jQuery/PHP for the task but haven't decided which route to take yet.
Any advice would be appreciated.
I'm looking to build a javascript/jquery gallery that meets the criteria below, and would love to know if there are any existing gallery modules that have all/most of these features:
1. Photo wall with zoom (single view) functionality. eg. http://tympanus.net/Tutorials/SlidingPanelPhotowallGallery/
2. Responsive, so that the photo wall images tile properly for desktop & mobile devices, and reshuffle if the user resizes their browser. eg. http://isotope.metafizzy.co/
3. (optional but desirable). If a user is on a mobile device, allow them to swipe through single-view images.
In a nutshell. A user will go to the thumbnail wall, select an image, and can then either swipe through more enlarged photos, or switch back to the wall.
The photos will be sourced from a folder on the server. Moderators are simply camera girls, who will upload images from their digital cameras to this folder via ftp - They wont resize / optimise the images, so it would be great if this could happen in the process somewhere too.
We are hosting on a PHP / Linux environment.
Have a look at jQuery Mason: http://masonry.desandro.com/
It can be used as a responsive wall.
What your asking for is not called 'zoom' (that is another effect), you seem to what what is called a lightbox. There are a lot of these, here is a comparison, http://planetozh.com/projects/lightbox-clones/
To re-size images your going to have to write some php to make use of image GD or imagemagick, here is a tutorial, http://net.tutsplus.com/tutorials/php/image-resizing-made-easy-with-php/ or possibly a script, http://shiftingpixel.com/2008/03/03/smart-image-resizer/ (or timthumb.php).
For serving them your going to have to write some php with your javascript.
There is no all in one solution for what you asking for, you're going to have to write it or hire someone to do so.
As far as I know you have to create a plugin or write you own jquery functions for getting all customized features.(that will be very good in sense of performance and maintenance)
for zooming functionality you can use some of the modal windows with ajax call or you can create.
to achieve this you have to write good css so that your photo aligned according to screen.reshuffle will be handled if you write good css.
yes you can achieve this by detecting the browser navigator and changing the css and javascript accordingly.
For pre processing images(re sizing,dynamically generating thumbanails) you can opt for php backend solutions.
And no worries you can handle images from folder via Ajax and show them as they requires.
I am trying to customize an existing joomla website and I'll be needing the resources below:
I want to allow the users to upload the photos from the front-end and after uploading, the user will be able
to see the other pictures that has been uploaded by the other users (much better if its on a thumbnail view and the pictures can be zoom out)
The photos can be like and share via facebook
Users can add comments on every pictures
I don't know exactly which components or modules I'll be needing for these requirements in joomla.
Any advice or suggestion will be highly sought.
You can accomplish #1 and #3 with Phoca Gallery.
http://extensions.joomla.org/extensions/photos-a-images/photo-gallery/3150
There are quite a few Facebook like/share extensions you can choose from based on your needs -
http://extensions.joomla.org/extensions/social-web/republish