Resolution Dependant Layouts:

Associate
Joined
31 May 2005
Posts
2,180
Location
Alfreton,Derbyshire
I'm just in the process of putting together a custom photo gallery. The gallery uses jscript, ajax and xml to generate the thumbs etc and the rest of the page is php. If javascript is not enabled the site falls back to a php gallery. The ajax is used to stop page reloads when navigating the gallery.

Ok so the main question is, what is the best way to utilise the space on larger screen res's but be compatible with smaller 1024x768 res (maybe even 800x600).

I'm currently displaying around 10 thumbs and a main image, but should I add more thumbs when the display is larger or just increase the size of them etc?

I'm thinking of a liquid layout with resolution dependent style sheets?

Can anyone give me any advice on what they would want to see / happen?

I could make it look good at higher res with many thumbs and then reduce the quantity down when the res is smaller?
 
Thanks for the quick reply. Here is the mockup image

As you can see the main layout could be liquid, but it's the gallery side of things I'm thinking of. I don't really want it to fall on multiple lines, I just want to use the left and right nav.
 
Back
Top Bottom