The purpose of this sample is customize graphics displayed around image and folder thumbnails on index page.

By default a yellow folder image is displayed for album folders and no graphics displayed around image thumbnails. This can be completely and easily customized as described below.

Please check demo for an example. You also can download example set of graphics files and code snippets used in this demo.

Instructions

1. Create your own folder graphics in a graphics editor and split it into nine separate files:

Save these files as i_nw.gif,i_n.gif, i_ne.gif, ... , s_se.gif, blank.gif into a folder.

2. Edit you custom.php and add the customGetFolderBorders function. Modify locations and resolutions of the produced images accordingly.

3. Edit your custom.css and add the following style:

a.fldlink .folderthumb
{
    border: 1px inset #003366;
}

4. Folder thumbnail is completed! Image thumbnails can be created following the same procedure. The only difference is that function name at step 2 will be customGetImageBorders, and style name at step 3 - a.imglink .imagethumb.