-
Posts
-
Hi,
I need to create a gallery of paintings with different dimensions, horizontal, vertical and so on.I would like to have a result similar to the Masonry Portfolio demo http://kriesi.at/themes/enfold/portfolio/masonry-portfolio/
but with the following differences:– The thumbnails of the paintings should maintain the natural image ratio (no cropping) and also proportionality with respect to the real images, without the limit to have the same width because in such a case, for example, a horizontal image becomes a very little image compared to the others.
– Clicking on the images of the portfolio should open the lightbox of the image
– The dimension of the opened lightbox should be changeable for each image to have a proportional view of the original picturesThanks a lot in advance for your help.
Kind regards,
GiovanniHey jeangiovanni!
You can choose to manually tag your portfolio items with “landscape” or “portrait” to get them to output at that ratio. Otherwise there is no setting to change how the script outputs the images (besides what is already listed there).
On each individual portfolio item you will need to go to the “Additional Portfolio Settings” section under the visual editor. Choose “Define custom link” and then add the exact url to the image you want to show in the lightbox.
The lightbox size is not something that can be changed on the fly however and will output the image you define in the link to fit the screen.
Best regards,
DevinHi Devin,
Thanks for your feedback.
If I choose “Define custom link” and then add the exact url to the image using the url inside WordPress of the image I want to show in the lightbox, is the result the same as the Masonry Gallery of the demo http://kriesi.at/themes/enfold/shortcodes/masonry-gallery/, i.e. you can move to different images of the portfolio using the left and right arrows inside the lightbox?For what concern the lightbox dimensions, do you mean that a “portrait” image will be displayed with the same height of a “landscape” image? In that way, the portrait image is displayed as a small image and a landscape image is instead displayed as a big image, independently of the real dimension of the images.
Kind regards,
GiovanniI think seeing how it works first hand would be the best thing to do. Set up 3-4 portfolio items and then you can see how they interact.
The demo you linked to isn’t the same element as in your original post. The Masonry *Gallery* element uses a single group of images together as a single viewable gallery.
Hi Devin,
I did it and for that I asked you if the result should be different and maybe I was wrong in something.
As you can see in these screenshots https://drive.google.com/folderview?id=0B8lRqyCRL2oHc2lJX0htTUcwZXc&usp=sharing , a portrait picture is displayed very small and the landscape one very big, but the portrait pictures is also bigger than the portrait one. I cannot show the paintings in that way. How can I fix this problem?
Thanks a lot,
GiovanniHey!
Please go to wp-content\themes\enfold\config-templatebuilder\avia-shortcodes folder and open masonry_entries.php file and find
$this->loop[$key]['url'] = wp_get_attachment_image_src($id, apply_filters('avf_avia_builder_masonry_lightbox_img_size','large'));and change it to
$this->loop[$key]['url'] = wp_get_attachment_image_src($id, apply_filters('avf_avia_builder_masonry_lightbox_img_size','full'));Regards,
YigitHi Yigit,
I tried the change you suggested but the dimension of the lightbox image remains the same, the max height does not change and so a portrait image is still displayed small. I tried also to reset all the db and to reinstall Enfold, but the result is the same.
Thanks a lot in advance for your help,
GiovanniHey!
A lighbox can’t be larger than the visible space of a users screen. There is nothing we can do to change that without degarding the user experience and altering the lightbox script itself. If that is what you are looking for you would need to have a freelance developer customizing the script for you or look into alternative lightbox plugins/scripts with the features or functionality you need.
Cheers!
DevinHi Devin,
Indeed I don’t want to have a lightbox larger than the visible space of a users screen, but only to use all (or almost all) the users screen, because as you can see in the screenshots I provided
(https://drive.google.com/folderview?id=0B8lRqyCRL2oHc2lJX0htTUcwZXc&usp=sharing)
there is a lot of space of the screen outside the lightbox. Moreover, even if I can’t use all the screen for the lightbox, at least a proportionality with the real image is needed, in order to to avoid that a landscape image is displayed very large than a portrait one (see screenshots).The change Yigit suggested does not change the dimension of the lightbox, did I do something wrong?
Thanks again for your help,
GiovanniHey!
Please insert this code:
add_filter('avf_avia_builder_masonry_lightbox_img_size','avia_change_image_size_masonry', 10, 1); function avia_change_image_size_masonry($size){ return 'full'; }into the enfold/functions.php file or insert it into your child theme functions.php file. The code makes sure that your lightbox open the original image and not the “large” thumbnail version.
Cheers!
PeterHi Peter,
Sorry if I come back again.
Maybe I am doing something wrong but I don’t see any changes on the lightbox inserting into the enfold/functions.php file what you suggested.Thanks,
GiovanniHi!
Please post a link to your website. The masonry gallery should link to the original images if you add the code to the functions.php file. If the code is in place and works properly the only other possible solution would be to replace the prettyphoto script with another lightbox like fancybox.
Best regards,
PeterHi Peter,
The site is not published yet as I cannot obtain the correct result. I will try with a fresh and clean WordPress installation to verify it again.
In any case, since with the Enfold masonry gallery is not possible to change the dimension of the lighbox to adapt its dimension to the original images, expecially for the portrait ones that become very small, could you please suggest me a plugin compatible with Enfold that overcome this problem?
Thanks,
GiovanniHey!
Can you point to an example of what you would like to happen with the lightbox? I’m not sure we are clear on what exactly it is you are looking for.
Cheers!
DevinHi,
I am trying to be more clear.
Have a look at the images in the following link:
https://drive.google.com/folderview?id=0B8lRqyCRL2oHc2lJX0htTUcwZXc&usp=sharingA portrait image, like “Arabesque” (width 900, height 2773 – picture 1), is displayed very small on the lightbox (picture 3), even smaller than the correspondent thumbnail image, and the lightbox is used to have a more detailed picture.
A landscape image, like “Allorizzonte” (width 1500, height 508 – picture 2), is displayed as a big image on the lightbox (picture 4), much too big.
The point is that the lightbox is not using all the available vertical dimension of the screen but only a portion of it and that all the images are resized to the maximum height and so the proportionality with the real images is left.
What I need for the lightbox is that the maximum height should be as large as possible on the basis of the available screen and moreover to display the images proportionally to the real ones, having the possibility either to define the % of the resize or to directly define the size of the image displayed on the lightbox.
In such a way, starting from the maximum height available for the lightbox, you can accordingly define the dimension of the different images in order to display images similar to the real ones and properly detailed.
Thanks again for your help.
Kind regards,
GiovanniWith the above description this isn’t doable with the current lightbox script. You would need to have something custom developed to work within those constraints.
I think that at least the increasing of the maximum vertical dimension of the lightbox to use the available screen dimension should be possible, isn’t it?
And also the possibility to avoid the resizing of the picture inside the lightbox, in that way you can overcome the problem uploading the images with the needed dimensions.In any case, could you please suggest me a lightbox plugin that is compatible with Enfold for solving this problem, because I know that sometimes plugins create problems to the theme.
For example, trying “Final Tiles Grid Gallery” plugin, it seems that also the lightbox from Enfold is opened.
Is there a simple way to disable the opening of the lightbox of Enfold?Thanks,
GiovanniHey!
You can try fancybox: https://github.com/fancyapps/fancyBox . I created a child theme which replaces prettyphoto with fancybox. You can download it here: http://www.mediafire.com/?05ho02ecut516hu
Cheers!
PeterHi Peter,
Thanks a lot for your proposal, I am trying it and the result is near my expectations, I only have some problems with the correct setting of the images’ dimensions yet but I am working on it and I think to find the right way.
I let you know.Thanks again for your help.
Cheers,
GiovanniGlad a replacement is working for you. I know prettyPhoto isn’t ideal for many users at this point but Kriesi hasn’t found a replacement that is suitable for his themes yet.
- You must be logged in to reply to this topic.