I tried it, switched the Smugmug gallery square thumbnail setting from on to off, saved, then back to on, saved, and it didn’t work. I also tried with the circular thumbnail layout like the other thread and my thumbnails remained oval shaped.
Maybe add the line of code equivalent to photonicJustifiedGridLayout(true); which I added last timeE?
The thumbnails do change to square in the gallery view on Smugmug, just not in Photonic.
Sorry – I didn’t have access to a computer until now, so I wasn’t able to understand what was going on.
The “Thumbnail” and “Tiny” size only one that gives you squares, but you are using the “Small” size. To see what I am saying, do this:
- Go to https://api.smugmug.com/api/v2/your-user-name!albums (I know your-user-name, but I am leaving it out deliberately since you didn’t provide it here).
- In there, click on the node for _jpp_portraits
- Then click on the node for AlbumImages
- Expand the node for any image, then click on the node for “ImageSizes” within that
- You will see a bunch of sizes – if you click on the “SmallImageUrl” you will see that the image you are getting is not a square, but for Thumbnail and Tiny images you will get squares.
Photonic doesn’t try to crop the image, which is why the aspect ratio is preserved. Cropping could be done with a little bit of custom CSS, but can lead to erratic results, particularly in portrait photography. E.g. If, in a portrait, the person’s face is at the top or near the side, cropping while anchoring at the center will cause the face to be partially cropped. Conversely, if you try to crop from the top and the person’s face is in the middle, you will get similar results.
Google, FB, SmugMug etc. have advanced face detection algorithms that help them reasonably keep the face while cropping (hence the thumbnail size gets you the face in the middle). I could potentially consider integration with a script such as this, but I am not sure if that will add much value.
Got it, thanks, Sayontan.
