[jQuery] jCarousel and proportional scaling help needed
Hello;
I wish to make a small-ish photo gallery, combining jCarousel (
http://sorgalla.com/jcarousel/ ) and Galleria ( http://devkick.com/lab/galleria/
).
The issues for me are that
- my images aren't square (in fact they are mixed horizontal and
vertical),
- I'm not using Flickr or some other CMS that generates square
thumbnails and
- I don't wish to have to create and manage a separate thumbnail
for each image.
I love nearly everything about Galleria. It is (for me) a huge benefit
that Galleria allows you to use the same image for the thumbnail and
the full view, and that it provides the option of scaling the full
(uncropped) image for the thumbnail. It just doesn't scroll the
thumbnail strip (at least I haven't seen any options to do so).
jCarousel does the scrolling part beautifully but it seems to demand
hard-coded uniformity of the thumbnail dimensions in both the markup
and the stylesheet.
So... I seek some pointers on how to either
- add scrolling capabilities to Galleria's thumbnail strip
or
- give jCarousel the smarts to be able to proportionately scale an
image.
Let's say I allocate 75px x 75px for each thumbnail in the strip.
Those are boundaries not to exceed. So a vertical image 450px high
would get scaled to 75px high by whatever for the width for its
thumbnail representation. The next thumbnail in the strip might
represent a horizontal image 600px wide so it would be scaled to 75px
wide by whatever high for its thumbnail.
Does that make sense?
Thanks for any suggestions