1.1.3 Crops the thums even told not to?

Infidel

Hi, im new to using this script and i just set it up on my site. For some reason the script seems to crop the thumb nail even if i ask it not to. This is makes a few of the images unreadable from thumbnail view. Any ideas?

acrylian

You need to empty the fields for crop width and height in 1.1.3. That is a know bug and corrected in the nightly build

Infidel

Hmm, Ok ill take a look at nightly build then. Thank you.

Infidel

I upped nightly build, it works well however now the thumbnails are skewing each other and misaligning the theme. Is there any way to make it so it resizes the images to a square without cropping them?

acrylian

Well, that's why they are cropped. So you want to resize images that are not squares to squares? Do you think that will help your images?...:-) No, that is not possible with zenphoto.

Infidel

Damn, And yes, it will make them far more visible, the pictures are the covers of books and if the picture is cropped the user cant see the book. Ok, well i guess im going to have to do some custom coding then, probably steal a few lines from gallery 2, thanks for the help.

acrylian

I think I maybe didn't get you right. If you want to have all thumbs the same height without cropping what would be useful for book covers you just need to disable the cropping, set "Images size is longest size" and all thumbs should have the same height, even if they are landscape images. Of course that could mangle the look of the theme, you need to adjust that manually.

Please take a look at our functions guide, too, maybe you find what you are looking for: http://www.zenphoto.org/documentation

motaheri

yes since ZP crops to the minimum side it is harder to have a theme with thumbnails of different widths and heights without them overlapping each other OR causing them to block the wrap around when the window is resized.

I found a solution loosely based on flickr's contacts' stream

wrap your thumbnails inside a Div by the class .imagethumb

`

.imagethumb {

float: left;

position: relative !important;

display: block;

border: 0pt;

padding: 0px;

margin-right: 8px;

margin-bottom: 0px;

text-align: center;

min-width: 100px;

height: 250px !important; // play around with this

}

`
this way the thumbnails will reside in boxes of equal height but variable width. When the height is equal the wrap around is done smoothly.

some of that code might be extra, but as long as it works i don't give a ...
you'll have to choose a theme and mess with the css until it works
good luck :]

motaheri

!CORRECTION
as Acrylian mentioned above
ZP CAN crop to the longest side.. which should make your problem way easier to solve,

Infidel

Hmm, ok well If you look at my current gallery
http://www.thechaosnode.com/index.php?album=book
With it set not to crop and Images size is longest size set as on.

As you can see it is quite garbled up, but if i have crop set on you cannot tell what the books are. Thats the situation, if they where resized to be the same size the site wouldn't be garbled, the quality would be less however you could still make out the title.

sbillard

Seems like you need to use the function `getCustomImageURL()` to make you thumbnails. Documentaton for this and other functions is at: http://www.zenphoto.org/documentation/

Infidel

Ok, umm i looked at the link provided and could not find what you ment.

acrylian

Take a closer look, for example: http://www.zenphoto.org/documentation/zenphoto/_template-functions.php.html#functiongetCustomImageURL

motaheri

hey Infidel

i added the bellow to your css file

.album {
min-height: 180px;
}

/* mac hide \*/
* html .album {height:180px}
/* end hide */

180 should be bigger than the crop height you set in your ZP options (i am guessing it definitely is)

and viola it seems to clear out your problem! =]
yay for you!

and as both the developers mentioned you could call for customized thumbnails using the mentioned function for the extra customized feel

Infidel

Ok, that worked perfectly! for the albums, ill try using that code with the pictures as well, and sorry i didn't understand what the Developers where talking about, thanks for your help.

motaheri

you should really crop to the longest side tho..

.imagethumb {
float:left;
min-height: 200px;
}

/* mac hide \*/
*html .imagethumb {height:200px}
/* end hide */

Infidel

Yea, so trying it with the pictures didn't work..

ill look into using custom thumnails but thats not really a good solution as, well im on dial up and i have over 3000 pictures. I kinda need it to need auto done

Infidel

lol sorry didn't see your response