I have a quick question. I noticed that your thumbnails are all of equal dimensions even though your images are not. How were you able to accomplish this?
I did this way easier. The photo’s are placed in a rectangular box with the property
overflow:hiddenthe width is equal to the set height of the image in the Gallery
The only point was that the image was placed against the left border of the box. To center the image I used a little bit of PHP, The example is for abox 64px x 64 px.
{thumb_url}As you can see the left margin is the negative half of the width -32. If an image is 100 px wide, the margin wil be -(50-32) or -18px.
That may be way easier for you, but it confused the heck out of me! 😉