Modify size of Google Photo image

This will need a little bit of code (I will add it to the next version). Go to Photonic_Picasa_Processor.php, and look for this code:

if (!empty($attr['thumbsize'])) {
	$picasa_params['thumbsize'] = $attr['thumbsize'];
}
else {
	$picasa_params['thumbsize'] = '72c';
}

Right below that, add:

if (!empty($attr['main_size'])) {
	$picasa_params['imgmax'] = $attr['main_size'];
}
else {
	$picasa_params['imgmax'] = '1600';
}

Now, if you pass the parameter main_size='1600' to the shortcode, it will fetch an uncropped image, 1600px on the longest side. These are the permissible values for this field: 94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440, 1600.

If you can wait for the next version, you will get this in the code in about 10 days’ time.

Thanks so much – this makes sense, and i’m happy to wait for the new release.

On a somewhat related note, could you help with one other question? I just set up a website based on your plug-in, and for the front page, all of my images are squares. I really like how the layout: random looks, and how it’s responsive to screen size (naichengwangyu.com)

However, I noticed that in the first few rows, it randomly generates photos that are of a certain width/height for first ~8 rows, but the following rows are all one size smaller. Is there a way to fix the width so that each of the photos dynamically change but are of the same size (bounded by a min and max width)?

Thanks!

• This reply was modified 8 years, 1 month ago by naicheng.

In the random layout you don’t have much control over your image sizes. For your requirement a better fit might be the “squares” layout with the option to fix the padding around the thumbnails, and pick a small value for padding. Since you know that your images are all squares, this will give you results similar to what you are desiring.

• This reply was modified 8 years, 1 month ago by Sayontan Sinha.

I’ve tried that before and took another attempt but I run into 2 issues when I use the ‘squares’ layout (see example here: https://naichengwangyu.com/temp/)

1) There’s an extra padded whitespace under each photo, which then makes the spacing between the left and right of each photo uneven vs. the spacing between the top and the bottom. In Picasa “in-page” settings I’ve already set all padding to 0, and then tried adding the custom CSS you originally suggested (li.photonic-pad-albums { margin: 0 }).

2) In the “…/temp” view, the images have a lower opacity until you hover your mouse over the image. I’m not quite sure how to turn this off. I’d like it to display at full opacity, the same way I have in my homepage.

Thanks again for the prompt responses, this is a great plug-in!

The spacing is coming due to the styling in your theme. You can rectify it using:

.photonic-level-1 a img { margin-bottom: 0; }
.photonic-standard-layout .photonic-level-1 { margin-bottom: 0; }

The second can be done using this:
.photonic-level-1 a img { opacity: 1; }

Amazing- this worked perfectly. Thanks so much!

Thanks for letting me know. I am leaving this thread open until I release the next version with the max_size capability.

Version 1.62 of the plugin, released today, has the main_size capability. So I am marking this thread resolved.

Thank you!

Hi Sayontan,

Two follow-up questions:

(1)
I tried implementing the new feature but am running into a bit of a roadblock to make the photos render full-screen/in a larger resolution:

This is the snippet I used:
[gallery type='picasa' user_id='my_email' kind='photos' album='my_album_number' access='public' protection='none' layout='random' thumb_size='150' main_size='1600']

However, when I click on any image, it still seems to be fixed at a smaller size – I’d like for it to be a full-page rendering of the photo. Please take a look at the link here for reference: https://naichengwangyu.com/photography/

(2)
I really like the random layout, but was wondering if there’s a way to set a minimum thumbnail height.

Thanks

The image it is showing you is actually 1600 on the longer side. E.g. https://lh3.googleusercontent.com/-IckoI6fM-Lg/WH_udyiSyZI/AAAAAAAAX-Q/iCBFsZHt7285pJYpT7qpt7mc19T0JS2XwCHM/s1600/16TanzaniaKenya_172.jpg. I don’t have a large enough screen to test this out until tomorrow, but it would seem like if you are seeing the image smaller, it might be due to something within Lightcase, which, at my screen size, is imposing a max-width of 800px. Let me know if that is what you are seeing, in which case the fix might be to add this custom style:

#lightcase-container img { max-width: 1600px !important; }

I am not sure how reliable the tile height setting is (it was over a year back that I put it in), but you can try controlling it from Photonic → Settings → Generic Options → Layouts → Minimum Tile height. From your page I see that you have it set at 100. Maybe something like 250 will help.

For (1) the container, the following snippet didn’t seem to change anything.
`#lightcase-container img { max-width: 1600px !important; }
I’d like to make it ~80% of the screen size for the viewer.

I looked into this documentation, which seems to indicate that the variable is called “maxWidth”. That said, still unable to see the change go into effect.

What I see on my screen is:

As for (2), thanks for the tip, it worked well.

Using the Lightcase option is going to require a change of code for the plugin, and for this particular aspect (i.e. using one feature of a lightbox script) isn’t very high on my list of priorities to fix. There are 3 alternatives:

1. Try using another lightbox script, like Lightgallery, or Image Lightbox. They might show you bigger images.
2. Put in a change to the plugin code by yourself (you will lose the change when you update the plugin). You can do it after line 649, which currently says:
   swipe: true,
   You will add:

   maxWidth: 1600px,
   maxHeight: 800px,

3. You could wait for me to put this in core, but as I said, it is not really very high priority for me at the moment.

Makes sense, thanks