Square thumbnails or at least square "cells" around thumbs

Hello,

my galleries usually contain both horizontical and vertical images. So a 4x4 thumbs page unfortenately looks somehow messy. It would be nice to create square thumbs (via imagemask?). I read in the wiki that it is a "planned feature" and wonder if there is any solution right now?

If this isn’t possible I wonder if it is possible to arrange the thumbs in 200x200px cells. As I i used a table width those dimensions and place the thumbs inside a square cell. Is it possible to format the <img src="..." class="thumbnail" /> via CSS?

You can use the phx:phpThumb modifier to create square thumbnails automatically via phpThumb. There are posts about it in the forums.. I’ll try to find some.

EDIT:

CSS way http://modxcms.com/forums/index.php/topic,16448.0.html
phpThumb way http://modxcms.com/forums/index.php/topic,19089.msg119264.html#msg119264

Thank you for the suggestions! I have some more areas to work on for my homepage, so perhaps it’s better to wait until you integrate it into MaxiGallery. This would be the cleanest solution I think ;-)

I know you volunteers don’t like those questions, but is this something you will work on in the next couple of weeks or month? Or is it something you’re going to do in 2013 or perhaps never ;-) Don’t want to push, I would just want to know.

just put a div around the img in the picture template like this:

http://powerpraise.1-vision.eu/fotoalbum/december-2008.html

greets Dimmy

That looks good. The HTML-Code seems to be straightforward. Can you paste the css info and tell me how to integrate the divs into the MaxiGallery output?

Quote from: timH at Nov 08, 2007, 03:27 PM

Thank you for the suggestions! I have some more areas to work on for my homepage, so perhaps it’s better to wait until you integrate it into MaxiGallery. This would be the cleanest solution I think ;-)

I know you volunteers don’t like those questions, but is this something you will work on in the next couple of weeks or month? Or is it something you’re going to do in 2013 or perhaps never ;-) Don’t want to push, I would just want to know.

It might be that I will do a new gallery snippet for 0.9.7 from scratch and use phpThumb in that from the start..

Also see these posts according to image resizing with phx:phpThumb:

http://modxcms.com/forums/index.php/topic,19089.msg119264.html#msg119264

http://modxcms.com/forums/index.php/topic,14858.msg112200.html#msg112200

In case it helps anyone, I just thought I’d add in how I’ve managed to create square thumbs without using phpThumb.

1/ In assets/snippets/maxigallery/css/default.css add the following to "ul.thumbs li":

width:size-you-want px;
height:size-you-want px;
overflow:hidden;

2/ In assets/snippets/maxigallery/watermark/Thumbnail.class.php, swap x and y around in line 264

What this seems to do (I think I’m right - it works anyways) is make sure that that the shortest dimension is used when the image is resized - before the swapping the x and y around the largest was being used resulting in a rectangular thumb.

The other larger dimension will then be masked by the overflow:hidden.