This format uses the glossary module to allow users to upload images, provide them with a title, description and keywords, and put them in categories. Each image that is uploaded is automatically given a thumbnail image to use in a summary display (using the PHP image functions). As well, the glossary comments and ratings can be applied to each image.
This first version has a summary display, that shows 100x100 thumbnails of each image in rows of six images. Each thumbnail shows the title, the author and the most recent modified date. Clicking on the entry brings up a larger version of the image (limited to no larger than 800x600), the full description, any comments and ratings. Clicking on the larger image will open just the image in a separate window in its full size.
The summary displays show each image title in a maximum two line display. This format will truncate the tile by words anc characters to limit this display to 2 lines of 12 characters. If it is shortened, it will add '...' to the end.
I also recommend that you configure this format, using the glossary module configuration screen, to default to date ordering and not include group breaks.
I have added a couple of CSS classes to make the display look better. I recommend you add these to your theme stylesheet to make it look a little nicer. They are:
.glossarytable a {
color: white;
}
.glossarysummary {
font-size: 9pt;
}
.glossarysummary a {
color: #0000CC;
font-size: 9pt;
}
.generaltab a {You can change these to suit your theme. The font size ones are probably the most important. They make the summary display a little more manageable.
color: #0000CC;
}
Things yet to do:
1) Create language strings - right now, the custom terms are hard-coded.
2) Allow row size configuration - allow the user to choose how many thumbnails are displayed in a row.
3) Add more style classes.
4) Allow summary title size configuration - currently locked at 2 lines by 12 characters.
Give it a try and let me know what you think.
mike