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