Fotoalbum Banner

*fotoalbum* is a image gallery written in [PHP](, [MySQL]( and [Smarty]( using current web standards such as [XHTML 1.0 Strict]( and [CSS]( The main goal of *fotoalbum* was to create a standards compliant image gallery that scales well on different screen resolutions. *fotoalbum* leaves open the ability to create new styles and/or new themes.

### Introduction ###

Not long ago I was bored – I was thinking about something to code. I had a talk about a fotoalbum with my girlfriend – written in PHP -, so we could share some fotos. There are a lot of them out there, sure, but they all had some limitations, bad layout, etc. that made us think about it. Even the gallery I use right now is not what I really wanted to have. So I build my own.

### Templates ###

The main goal was to use templates. Templates are kind of easy: you can imagine it as a simple html-page with a template language where you need it (like when you want to have a variable title or you want to iterate through guestbook entries). I like templates, I often work with them and I really think you should use them wherever you can. So let’s use templates.

### Mambo, HTML and CSS ###

Another thing that came to my mind was using it with [Mambo]( This is not as easy as I thought because with Mambo you can’t use your own stylesheet and have correct html code. And I wanted it to validate as strict HTML 4.01. With [Cascading Style Sheets]( Which should also validate. This is a problem not solved so far (except when using the Mambo wrapper).

### Sessions and Databases ###

Using sessions and a database today is kind of “state of the art”. I wouldn’t want to work without these nowadays, these mechanisms are really handy and make a programmers live easier.

### Tables or divs? ###

When I came to designing I thought about a layout for displaying thumbnails – how much columns, should I use slow tables or fast divs? It uses divs, as you might have thought. But – which is really great I believe – it has no fixed columns. This means if you resize your browser window the thumbnails wrap to fit width. That way you – as the user – can control how much images you want to be displayed on screen. No more large white space between images – no more expanding websites where you have to scroll vertically (though there are mice out there that are able to do that). Isn’t that great?

### View fotoalbum ###

I hope you got curious 🙂 If so, then visit my [beta version of fotoalbum]( Tell me if you like it through the contact form in the menu or [download fotoalbum]( to test it on your own. Have fun!

No Comments

Be the first to start the conversation!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s