By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,788 Members | 1,115 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,788 IT Pros & Developers. It's quick & easy.

looking for an example page w/ image thumbnails + different aspectratios

P: n/a
I'm looking for some good example pages showing a bunch of image
thumbnails, with different aspect ratios, shown in a grid, as I would
like to see how someone has approached this issue. any suggestions? I
like the way flickr does it, except they "cheat" by cropping
thumbnails to a square so it looks nice and regular.
Jan 10 '08 #1
Share this Question
Share on Google+
1 Reply


P: n/a
In article
<67**********************************@i12g2000prf. googlegroups.co
m>,
Jason S <jm*****@gmail.comwrote:
I'm looking for some good example pages showing a bunch of image
thumbnails, with different aspect ratios, shown in a grid, as I would
like to see how someone has approached this issue. any suggestions? I
like the way flickr does it, except they "cheat" by cropping
thumbnails to a square so it looks nice and regular.
If you must have lots of thumbnails of different sizes and aspect
ratios mixed together, there are at least two different
approaches. The simplest is to make a table and throw them into
the cells, no need to specify anything at all (you just have to
decide how many cells per row). The magic of tables will take
care of the rest. Downside of this approach, apart from any
arguments against using tables for layout, is the considerable
one of having to decide the number of cells per row and having so
fixed a set up.

The other approach is to adapt the following type of design to
suit:

<url:
http://netweaver.com.au/alt/thumbnai...tCaptions/thum
bLandscapeGallery7.html />

There are 3 pages in the above url and the thumbs have been
carefully managed. But if you want to throw every different one
in on the same page, you could (as one adaptation) simply mimic
the table solution (to an extent) by making all the floating divs
as big as the biggest of the thumbnails. Need an example?

--
dorayme
Jan 10 '08 #2

This discussion thread is closed

Replies have been disabled for this discussion.