Gimp part 2
From LXF Wiki
Gallery design using Gimp, PHP and CSS
In last month's tutorial we started in on a project to build an online, dynamic gallery. We began by laying out a set of seven design requirements for the project, which were as follows:
- We must be able to handle any number of images in a single directory.
- The images must be sorted alphabetically by filename when displayed.
- We must handle landscape (wide), portrait (tall) or square images, and no thumbnail should be taller or wider than 100 pixels.
- Each thumbnail must reference a page with a full size original of the image.
- We must provide a 3 x 3 Layout.
- The interface must provide a 'film slide' presentation, with image names listed on each slide frame.
- For interactivity, we want hover images when the mouse pointer is over the image in colour, while default images are displayed in greyscale.
We built a Gimp Perl script that processed a directory of images and produced a series of greyscale and colour thumbnail images. This script enabled us to meet requirements 1 and 7 of our design. Now it's time to add online interaction to our project.
This month we'll address the other five requirements by developing a PHP script, an HTML template and a CSS style sheet. Along the way we'll make one more trip into Gimp to add a little style to our layout.