Closed Thread Icon

Topic awaiting preservation: Liquid Thumbs! Pages that link to <a href="https://ozoneasylum.com/backlink?for=8314" title="Pages that link to Topic awaiting preservation: Liquid Thumbs!" rel="nofollow" >Topic awaiting preservation: Liquid Thumbs!\

 
Author Thread
Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-17-2002 20:46

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.

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 09-17-2002 22:25

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

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 09-17-2002 22:51

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)

Nevel
Bipolar (III) Inmate

From: Amsterdam
Insane since: Jun 2002

posted posted 09-17-2002 22:56

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..

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-18-2002 00:38

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.

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 09-18-2002 11:41

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.

Nevel
Bipolar (III) Inmate

From: Amsterdam
Insane since: Jun 2002

posted posted 09-18-2002 17:05

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.

« BackwardsOnwards »

Show Forum Drop Down Menu