Control over Gallery Image Sizes

• mjkessel

• February 4, 2014 at 5:23 am

Hi Elliot,

I recently purchased the Gallery Add On, the Repeater add on, and the Options add on.
I’ve been experimenting with all the examples – but can’t seem to accomplish what I want.

I would like to make a simple gallery, but have fine-tooth control over the size output.

What method do you recommend to use to be able to have control over each picture in a gallery’s size.

Thanks in advance!

• Elliot

• February 4, 2014 at 10:05 am

Hi @mjkessel

It all depends on what you mean by control over each picture in a gallery’s size.

Please be specific, and I can give you my recommendation

Thanks
E

• mjkessel

• February 4, 2014 at 10:51 am

Thank you for your quick response.
I was trying to emulate something like on this site:
http://thereason.us/
using a combination of the gallery add-on and jquery masonry.
Please let me know if you have any recommendations.

PS – I love your plug ins!

• Elliot

• February 5, 2014 at 9:24 am

Hi @mjkessel

Thanks for the link. It will be hard to replicate this functionality using the gallery field due to the lack of a ‘size’ field for each image.

However, it is possible to add another field group for all images (location rule = attachments) and you could add a ‘masonry_size’ select field.

Now in your gallery field, you can edit each image and specify the size.

Then in your template, just load in the selected size via this tutorial:
http://www.advancedcustomfields.com/resources/how-to/how-to-get-values-from-a-media-attachment/

The only limitation of this is that each image can only every have 1 size. So if you reuse the same image on 2 pages, they can’t use different sizes.

Your other option is to use the repeater field and add 2 sub fields (image, masonry_size)

Thanks
E

• mjkessel

• February 5, 2014 at 12:22 pm

Thank you for your quick response – I will try those methods – and thanks again for making such an awesome plug in!