Thumbnails Cut Off « E2interactive Forums

E2interactive Forums » (E)2 Photo Gallery (The Open Source One) » Report a Bug

Thumbnails Cut Off

(7 posts) (2 voices)

Started 2 years ago by InspiredGraphix
Latest reply from InspiredGraphix

Tags:

thumbnails expand contract

InspiredGraphix
Member

Hi Mate,

Firstly, AWESOME software, loving it.

I just have one small issue, i seem to be getting the last one or two thumbnails cut off somehow. I haven't been able to find any real reason for it. Sometimes it is part of one, on another it is a few.

You can see my implementation of it here:
http://www.inspiredgraphix.com.au/glamour_photography.php - if you scroll the thumbnails all the way to the right you should see what i mean.

Any help is much appreciated.

Also, is there a simple way to make the thumbnails bar begin collapsed? I tried setting the CSS to zero height, and also calling the javascript thumbs() function with onload, but couldn't get reliable results (and using onload was clumsy, especially on a slow connection).

Many thanks,

Rob

Posted 2 years ago #
e2
e2interactive

The reason they cut off or appear to cut of is your image thumbs sizes are not 100x100, you've used custom sizes. The gallery thumbnail viewer spacing is calculated on thumbnails being 100x100, the uploader will automatically resize them for you, or if you crop them yourself at 100x100 they fit within that space correctly.

Posted 2 years ago #
InspiredGraphix
Member

Hi Mate,

Thanks for the heads up.

Yeah, i am not using the uploader, since i wanted to resize/manage the images directly.

Thanks for the tip, i will sort it out now that i know.

Many thanks,

Rob

Posted 2 years ago #
InspiredGraphix
Member

Hi Again Mate,

I was just wondering if you can tell me where to change that calculation?

I don't mind if there is extra space in the thumbnail scrolling area, i just don't want to cut them off.

Thanks,

Rob

Posted 2 years ago #
e2
e2interactive

You can adjust the css file and add more padding to the images to get them to space correctly. Look for:

#thumbs img{
margin-right:5px;
vertical-align:top;
}

adjust the margin-right:

Posted 2 years ago #
InspiredGraphix
Member

Sorry mate, I don't want to adjust the padding/ margin of the images, i want to change the calculation that the script makes to guesstimate how wide the thumbnails area should be (the "virtual width" from start to finish).

The cutting off issue i am having is not vertically (i know they do that, not worried about that), but my landscape images in the thumbs are messing it up. If you scroll to the last thumbnails in the gallery on the page link i supplied, you will see it finishes scrolling before it gets to the end.

If i can bump the calculation to suit 120px wide images instead of 100px wide images or something, it should give me enough room to compensate for the landscape images.

Does that make sense what i am after?

Thanks,

rob

Posted 2 years ago #
InspiredGraphix
Member

Don't sweat it - just realised that changing the variable in one of the JS files sorts it out.

Thanks,

Rob

Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.