Indexhibit^TM
Index + Exhibit

wonderful, wonderful project. much thanks.

in thickbox mode, specifying max sizes applies to both horizontal and vertical dimensions, choosing whichever is greatest out of the whole collection (correct?)

my image sizes are all over the place, but i'd like to have consistent vertical heights for the thumbnails, across exhibits. i haven't peeked into the code yet for this (though i've already changed the code for max title length), i'm figuring there's somewhere i could hard-set a vertical height for all thumbs? (and then scale the image correctly?) any suggestions?

also, i really like this minimal forum. is it a part of your cms? is it also public?

thanks again.

hehe...yes it is...not public. ;)

i don't completely follow you on the image adjustments. could you explain more? are you saying you want the height to possibly be greater than the width?

the size is scaled according a square...whatever fits in the square...tallest or widest.

i understand about the square.

what i'm looking to change in the behavior is to ignore the horizontal dimension, and size the vertical dimension to the specified value (scaling the horizontal accordingly.)

so say i had some images: 400x200, 600x200, 600x600

and i wanted them all to have thumbnail heights of 100px, the thumbnails would be: 200x100, 300x100, 100x100

hope that makes sense. again, nice work.

I see...yes...about the only advice I can lend is that you can do this by editing the plugins with hardcoded height values. The Thickbox plugin, as you've noticed, does this as well.

Another option, which is less efficient but will work, make all your images the same size (square) with a background color that matches your website background color (probably white).

One nifty little thing is;

in your .css add:

#divThumb {
width: 100px;
height: 100px;
overflow: hidden;
}

now open the thickbox plugin script and add the div style between each thumbnail image. ;)

Tehn, did you ever get your image sizes to work? I am hoping for the same thing (that is, all images share the same height but can have varying widths). On some of my pages, everything looks great until I upload a very wide image and then all other images become tiny due to the proportions being so dissimilar.

If Suprb's workaround is effective, can someone let me know where to place the div style? I looked at both thickbox files that I could find (one in js and one in plugins) and did not see any mention of individual thumbnails (which makes sense, as this is dynamic, no?)

I realize this is an old thread, but maybe this can help some people. Suprb's suggestion works in concept, but there's no place to add a div around the thumbnails, since those pages are generated dynamically. Instead, try this:

#img-container a {
    display:block;
    float:left;
    width:100px; [this width can be anything you want]
    height:100px; [also anything you want]
    margin:0 10px 10px 0; [margins for space between the thumbnails]
    padding:0;
    border:0;
    overflow:hidden;
}

This is just telling your links inside the img-container to display block level so you can set their size. Since your thumbnails are links, this style will be applied to them. Then you're telling them to float left so that they stack up inline and look like the normal thickbox thumbnails. There are two potential problems:

1) you have to make sure you set a thumbnail size large enough so that your boxes don't end up with white space inside them. On my site I altered the defaults.php file to include a 300px thumbnail option to cover this

2) this will only show the top left corner of your thumbnails because the overflow is set to hidden, thus hiding the bottom right corner. I tried for a while to center my thumbnails inside these links, but I could never get them exactly right. I tried setting auto margins on my images, but that didn't work. Then I tried setting margins to -50% for the top and left. This moved them close to the center, but they were still off. If anyone has suggestions on this, I'd love to hear it.

Good luck.

hi - i really want the thubnails (which link to movs ) to align horizontally in middle of the page rather than on top of each other. please check my site as refernce - its under construction. lillylamia.com - thank uuuu

So is there any new development to this? I have a bunch of portrait and landscape photos and would like them all the thumbs to display at the same size, say 100x100.

...did you read the thread? ..if you did you must bumped on this post....

I never did get this figured out.

One nifty little thing is;

in your .css add:

#divThumb {
width: 100px;
height: 100px;
overflow: hidden;
}

now open the thickbox plugin script and add the div style between each thumbnail image. ;)

I don't know anything about php, can someone tell me exactly where in the exhibit.thickbox.php file to insert what? thank you!

*bump*

I had a similar problem with Thickbox where one of my exhibit's thumbnails were super tiny. So I used the #img-container script given by gb, but in the one exhibit where I was having the problem before ("graphic design"), the images are still too small. I have the Thumbnail max size set to 200px, and I'm not sure what to do!

Anyone has figured how to make the thumbnails of 2 differents formats of images (say a portrait and a landscape) the same size ?
ex.: I have a portrait of width=400;height=600 and a landscape of width=600 and height=400. I want both thumbnails the same size without compressing the image. Instead I want the thumbnail of the portrait to be a crop of the image...
Makes any sense ?
Thanks
L.

i am thinking about the same thing that louis999 is talking about, did you get it up and working, L?

i am using the regular thickbox for my gallery at Shutterclank.

would love an autocrop if someone finds it before i do...

i edited my default.php to get the thumbnails larger.

So I went through this post seceral times and a few other posts with a similar problem. I have thumbnails, same height, different width and from the time I had added the thumb with the largest width, the thumbs appeared very small. I tried to add both of the codes in my CSS, gb's code resulted in tiny thumbs with large spaces in between.

I can't figure it out. Apologies in case this is a double post?!

I need my thumbnails to be larger, that's all. Here is the link: Webpage

ok, i figured it out. changing the default.php as described in this thread is really simple: Thread

hello,

my site is here.

What i want to do is make all the thumbnails square 200 by 200 px. Is there a way to crop upper part of portrait pictures?

hi, did you read the forum rules? I can't find a link back to indexhibit..

ok, i changed to " /sys-$go[media_file]'", now i have 200x200 px thumbs. But it looks kind of pixelated.

hi, did you read my post above?
sys-thumbs are 100x100px by default...

thanks. i changed

$default['thumbsize'] = array(100 => 100, 150 => 150, 200 => 200);

to

$default['thumbsize'] = array(200 => 200, 150 => 150, 200 => 200);

in defaults.php, but it didn't worked.

any other suggestions?

no longer, as you don't even bother to answer fair questions

many thanks! for nothing.

i have searched the forum for how to get thickbox thumbnails to act like
this, but haven't quite got all the answers.

i have successfully increased the max thumbnail size to 300px, set the width as the default size (instead of height), and removed borders. here:
my thickbox test

at the risk of being lambasted for asking, i want to know 1) if it's even possible to get the mosaic look of the site above using thickbox, and 2) how to get the tops and bottoms of thumbnails together, and not anchored in a grid.

thanks in advance!