Topic awaiting preservation: Liquid Thumbs! (Page 1 of 1)

Well, kinda.

I wrote this script for a PHP Image Gallery / File Browser I'm working on. I've always disliked how thumbnails in webpages are so fixed. I mean, you could put them in a liquid table and center them to each cell but you've still got a fixed number of images per row.

I wanted it to be truely liquid like so:
http://www.whatever.net.au/~cameron/ozone/LiquidThumbs/liquidThumbs.html

Doesn't work in NN4+, at least I don't think it will. My JS library is still NN4 friendly (I think) but I haven't tested it with NN4 so I doubt it.

Let me know if it breaks please.

IE6.0/WinXP/PC

Looks good... keep up the good work...


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

Pure CSS solution: http://homepage.mac.com/realworldstyle/thumb_float.html
(NN4 users will probably get a simplified version that looks like image after image. I figure as long as they get the images, they're all set. You can't spend time making pages look great in a five year old browser.)

There's also http://www.alistapart.com/stories/practicalcss/ , but I think it might actually be the same thing... (didn't take much time to look)

Looks nice indeed. I didn't have the time to take a peak at your code yet, but I've done something similar of which I was quite proud . The url is http://www.amsterdamwindsurfing.nl/site.html, then click "Leden Info"=>"Foto's"
Maybe it can be of some use to someone..

Yeah, I thought you could do something similar to this with CSS only but I wanted it to always be centered and evenly spaced. I'm picky like that.

It does work in NN4 when I Math.round() all of the values... well kinda. It gets a bit screwy with the scroll bars at times but for the most part it works. Keeping it under JS control also means I can do other things to it like dynamically sorting and stuff....

Thanks for the links though. That looks like a less headache inducing method. No dobut i'll use that some day.

Nevel: Ummm... what? I see the image galler but I don't see anything special about it.

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Well, I thought you were talking about layout depending on the innerWidth en innerHeight and stuff. But maybe I misunderstood... Anywayz, if you resize the window and refresh the foto-page, it changes it's table because it is built dynamically.