Setting up thumbnails

[fotogram]

Sorry if this was already addressed here, but I could not find a "search" in these forums...

Take a look at my "archives" page:

http://www.fotogram.com/pixelpost/index.php?x=browse

I don't mind the long panoramic size of the Bay Bridge shot, but I do mind the super tall "lugagge" shot.

Is there a way to limit the height of a thumbnail?

[blinking8s]

go to the admin ---> options --> thumbnails tab

I use 12cropimage and have all 75x75 pixel thumbnails, feels more stuctured to me...

http://blog.blinking8s.com/index.php?x=browse

[fotogram]

That's how I had it before, but since a have a thin black border around all my images, it would look nicer if I do not crop.

I also display the thumb in the comment popup, and since it is the same file, it looks better without cropping. I have an image that the subject is all the way to the right, and since this crops from the upper left, my thumb was an empty blue square.

I was looking for something more in the lines of setting up a max dimension on either height or width.

[blinking8s]

go to the admin ---> options --> thumbnails tab there is a "Set thumbnails size, Width x Height" option on that page

does that not correct anything when altered?

[Connie]

you will find "Search" in the forum if you register here and we kindly ask you to register and to use the search :wink:

[fotogram]

Thanks all for the help. I followed blinking8s' suggestion and set the "thumbs" to 75x75 without cropping. That seems to set the smallest side to 75 and the other side goes with it, keeping the aspect ratio.

Besides that, I created a new CSS class (thumb-wrapper) and added to the index.php where the thumbs are generated. Not a very flexible solution, but it works for my case:


$thumb_output .= "<a href='$showprefix$id'><div class='thumb-wrapper'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></div></a>";


My CSS is defined as follows:

.thumb-wrapper{
height:120px;
width:auto;
padding: 5px;
margin: 5px;
border:1px solid #999;
float:left;
}


That works for me visually, as each thumb is surrounded by a border, keeping them "aligned".

Thanks again for all the help.