Simple image gallery with Flex and PHP
Here you go as a promise to a friend to have this uploaded this weekend. I’ve included the source code. Just do the right click and choose View Source on the demo or click here.
Here are some notes for navigating the demo:
- To create, rename or delete category use the button on the top of the screen.
- To view the content of the category, click the category name.
- To delete the picture(s), drag and drop them to the bar at the bottom of the screen.
- To assign the picture(s), drag and drop them to one of the listed category on the first container. By default dropping the picture(s) will move the picture(s) to different category. To copy them to different category, hold control (ctrl) key while dropping the picture(s).
- To upload your picture(s), click the “Upload Picture(s)” button. It will redirect you to the demo of my previous post. I have not put a link back to this demo from the uploader, so you can just press the browser’s back button
- To view a larger picture, double click the thumbnail
The code is still kind of messy and I don’t have time to refactore them (If any of you guys can do it, please do and let me know
). The main purpose of this app is just a playground for me for learning stuff. Within this app I am using:
- Flex
- PHP
- AMFPHP – to communicate between Flex and PHP
- flexlib – Google Code – for the flowbox as the categories container
- MySql – to store the images and categories data
- Misc stuff I took from here and there
Anyway, I’ve included everything (including the sql script to create the database). Feel free to use it and if you have any question feel free to shoot it. Have fun.
PS: I might miss some of the source files (unlikely). If I did, please let me know.

