This applet enables browsing a set of images in a nonlinear order using a tree-menu. The contents of the menu can be searched. The images can be hyperlinked. The applet reads data from the applet tag.
Use single-click to open/close folders and to access the folder contents. Please note that when a folder is opened only the contents of that folder and the "head" of the folder are displayed. This feature enables browsing a large collection of images in a compact space.
- When one of the "doc"s in a folder is picked from the menu, all other docs in that folder can be browsed linearly using the right/left arrow keys.
- Use the "End" key on the keyboard to open all folders. Use the "Page Up/Down" keys or the up/down arrow keys to scroll the menu. Use "Ctrl+Page Up/Down" to reach the top/bottom of the menu list. Use the "Home" key to close all the folders.
- The contents of the menu can be searched. The search is case-insensitive. Ex: "img2". Please note that the search function returns all the content lines containing the key plus the corresponding folder hierarchy.
- Single-click on the displayed image to access more info on the image. The target frame for the hyperlinked document can be specified through the applet param TARGETFRAME.
- Optionally the images can also be centered by setting the value of the param CENTERIMG to "yes".
- Optionally the search feature can be disabled by setting the value of the applet param KEEPBUTTONS to "no".
- The applet also has applet params to modify the font size, color and style.
If you would like to test-drive this applet here is the zip file (26K). These files can display 39 images. The registered version of the applet has no limits.
Data File Format:
The indentations in the applet data are optional and are shown to illustrate the hierarchy. Each item in the tree-menu is defined by a "record" with four semi-colon separated "fields" like:
4;img1 Info;img1.gif;img1doc.htmlwhere the first field(4) corresponds to the tree hierarchy with 1 for the top level, 2 for the next child level etc.
The second field (img1 Info) corresponds to the text that appears in the menu.
The third field (img1.gif) refers to the URL of the image to be displayed. This URL can be either relative or fully qualified. Specify 0 in the third field for folder items.
The fourth field (img1doc.html) specifies a URL for the document corresponding to the displayed image. Specify 0 in the fourth field for folder items. The records themselves are separated by the "pipe" character ('|').