|
Replies:
10
-
Pages:
1
-
Last Post:
24 Aug 22, 14:22
Last Post By: JeffTucker
|
|
|
Posts:
46
Registered:
22-Apr-2007
|
|
|
|
Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 02:45
|
|
|
I have been testing Tiger with the hopes of adding search & image zoom capabilities to my albums. I have run into one last issue that I hope could be corrected by a modification to, or customization of, the skin.
The skin I have been using is "Neptune" which presents the index page in the borderless, "masonry" style which I consider elegant & pleasing to the eye. https://www.rjlabellaphotos.com/Favorites/
I have built a Tiger version of the album using the Masonry style, but see that panoramic images get unceremoniously clipped on the index view. https://www.rjlabellaphotos.com/TigerTestAlbum/. I have moved the pano images to the top of the album here to illustrate the problem (the first 8 images in the album. These images appear further down the index in the Neptune album). Each of these thumbnails have been clipped - and some drastically (thumbnail 2 - vertical pano).
Could an option be added to the settings that tell Tiger not to clip any thumbnail content on the images/index page? Or, can some customization be done to make this happen?
So far I have been able to replicate all the customization & features I am looking for through use of this skin & am hoping that the clipping issue can be solved.
Edited by: RJLaBella on 21 Aug 2022, 20:46
Edited by: RJLaBella on 21 Aug 2022, 20:47
Edited by: RJLaBella on 21 Aug 2022, 20:47 |
|
|
Posts:
8,522
Registered:
31-Jan-2006
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 04:27
in response to: RJLaBella
|
|
|
I have been testing Tiger with the hopes of adding search & image zoom capabilities to my albums.
Just to clarify - Neptune has an image zoom option. No searching, however - that really does require a JSON-driven skin. |
|
|
Posts:
1,575
Registered:
6-Sep-2005
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 07:46
in response to: RJLaBella
|
|
|
|
Yes, change the Settings / Tiger / Sections / Images / Maximal horizontal aspect ratio to something higher. The reason why panoramic images are cropped is that too wide thumbnails can spoil the masonry layout big time.
|
|
|
Posts:
46
Registered:
22-Apr-2007
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 16:10
in response to: Laza
|
|
|
|
|
|
I already have Max at 1000 & Min at 0.0
These aren't extreme panos, they are only 4:1 aspect ratio max and they are all clipped.
(screenshots attached)
|
|
|
Posts:
1,575
Registered:
6-Sep-2005
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 17:28
in response to: RJLaBella
|
|
|
|
I see. In Masonry layout the thumbnails are always clipped, otherwise, you wouldn't be able to fit thumbnails of variable width into one row. This is only possible by changing the height of the row too, but that requires Javascript and post-processing of the thumbnails after the page has loaded. I chose the other (native) way: cropping a bit from the left and the right sides.
|
|
|
Posts:
8,522
Registered:
31-Jan-2006
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 17:38
in response to: Laza
|
|
|
In Masonry layout the thumbnails are always clipped, otherwise, you wouldn't be able to fit thumbnails of variable width into one row. This is only possible by changing the height of the row too, but that requires Javascript and post-processing of the thumbnails after the page has loaded.
Exactly. Anyone who's tried to write a masonry script, or who's tried to use someone else's solution, understands the problem. If you want every row to be the same width, something has to give. Even changing the row height has its limits, unless you're willing to tolerate having some rows much taller than others, along with some severe blurring when some thumbnails are pushed way beyond their native size.
You'll notice that in the Neptune album linked above, the rows are not all the same height. But even there, I limit the row height to something like 120% of the nominal height, and I pretty much force HiDPI thumbnails to preserve sharpness. But as a result, some thumbnails get clipped at top and bottom. There's no way to avoid it. |
|
|
Posts:
46
Registered:
22-Apr-2007
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 17:57
in response to: JeffTucker
|
|
|
|
|
Hmm, I have never noticed any thumbnail clipping using the Neptune page. Here is a screenshot of a bunch of 4:1, 3:1 panos included with standard aspect ratio images. Never saw a problem.
https://www.rjlabellaphotos.com/Favorites/
screenshot attached.
Notice that even the vertical pano near the bottom is not clipped. |
|
|
Posts:
8,522
Registered:
31-Jan-2006
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
22 Aug 22, 18:03
in response to: RJLaBella
|
|
|
|
|
Trust me, it happens. 
ETA: A quick example from one of my demo albums. Compare the thumbs screenshot to the slide screenshot. It varies a lot, because it's dependent upon the size of the viewport. So, the clipping may appear or disappear as the viewport size changes.
I do my best to avoid it, but there's no magic - like I said, something has to give if you want every row to be the same width. |
|
|
Posts:
46
Registered:
22-Apr-2007
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
23 Aug 22, 18:03
in response to: JeffTucker
|
|
|
I agree that some clipping is unavoidable.
However, your implementation of the masony style seems to rarely destroy the content of the individual images - just minor clipping occurs. And I think that it might have to do with the fact that you permit the row heights to vary. Excellent implementation.
Here is my Pano album which would be a real acid test for this style. It handles varying landscape & portrait panos with minimal clipping. In no cases is the subject of the image lost.
https://www.rjlabellaphotos.com/Panoramas/ |
|
|
Posts:
1,575
Registered:
6-Sep-2005
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
24 Aug 22, 10:46
in response to: RJLaBella
|
|
|
|
If you play with row heights, you have to take care of browser window size change, orientation change, and a lot of things. The implementation in Tiger lets the masonry layout be rendered by the browser. This results in quicker page rendering too. Imagine a page with 1000 thumbnails. My Photoblogger skin for example creates a vertical masonry layout, and it can go wrong easily. Much safer to rely on the browser.
|
|
|
Posts:
8,522
Registered:
31-Jan-2006
|
|
|
|
Re: Tiger "Masonry" thumbnail layout clipping pano images
Posted:
24 Aug 22, 14:22
in response to: Laza
|
|
|
Yes, juggling the row heights is a high-wire act. With the script I'm using, Justified Gallery, there is a well-known problem in which a change in the layout can cause a vertical scrollbar to become necessary. That causes the script to adjust the layout (since the viewport is now about 17px narrower), which makes the scrollbar go away. That causes the script to adjust the layout again (since the viewport is now 17px wider).... The effect is that the entire page sits there flickering between two states. Very entertaining! I've managed to avoid it, but at a cost that users never notice. |
|
|
|
Legend
|
|
Forum admins
|
|
Helpful Answer
|
|
Correct Answer
|
|
