| |
| |
In order to create an AJAX photo gallery, use the AJAX Photo Gallery server behavior. It is accessible from two locations:
The MX AJAX Toolbox tab of the Insert bar (or MX AJAX Toolbox menu item from the Insert menu):
The Application panel, Server Behaviors -> + -> MX AJAX Toolbox -> AJAX Photo Gallery.
The AJAX Photo Gallery server behavior has two tabs.
Configure the first tab (Basic) of the AJAX Photo Gallery server behavior as shown below:
In the Photo gallery name text box enter a name for the photo gallery, used to identify it later on. It should start with a letter or an underscore, and it should contain only alphanumeric characters.
Note: It is recommended that you leave the default suggestion, gallery1, unless you really want to name your photo gallery in a certain way. If you leave it like that and then add a new photo gallery in page, the new name suggestion will be gallery2, and so on (gallery3, gallery4, etc.).
In the Folder text box enter the site-relative path to the folder that stores the image files displayed in the gallery. You can use the Browse button to locate the folder in the site structure, or the blue lightning button (InterAKT Dynamic Data) to retrieve dynamic data.
In the Photo width text box enter the width, in pixels, of the area where photos from the gallery will be displayed one at a time. In browser, 2 more pixels will be added, corresponding to the left and right borders. This will also be the width of the navigation sequence.
Note: If you want to see complete thumbnails in the navigation bar and not see just parts of the last visible thumbnail, set the width to a value of 20 + multiple of 68 pixels. The left and right arrows take each 10 pixels, and each thumbnail needs 68 pixels. So if you want to see 3 complete thumbnails at a time, set the width to 224 (20+3*68) pixels, for 4 thumbnails - 292, for 5 thumbnails - 360 etc.
In the Photo height text box enter the height, in pixels, of the area where photos from the gallery will be displayed one at a time. In browser, 2 more pixels will be added, corresponding to the top and bottom borders.
Note: The photo seen at one time will be box-resized in this area.
In the Navigation location drop-down menu select where you want the photo navigation sequence (containing thumbnails) to be displayed:
at the Top, above the current photo.
at the Bottom, below the current photo.
In the Thumbnail loading indicator drop-down menu decide whether or not you want the thumbnail loader to be displayed.
Check the Enable slideshow option if you want the Play/Pause link to show in browser, allowing you to view a slide-show of the photos.
In the Slideshow interval text box specify for how long (milliseconds) each photo will be displayed in the gallery slideshow.
The three buttons in the top-right part of the interface (visible for both tabs) offer the next functionalities:
Click OK when you are done configuring the server behavior.
Click Cancel to exit without the new settings to be applied.
The Help button brings you to this help page.
Configure the second tab (Advanced) of the AJAX Photo Gallery server behavior as shown below:
Specify the site file that stores or returns in browser, in XML format, rows/records containing the filename and description of the photos that will show in the gallery (in that order).
Specify the name of the node that stores the photo filename.
Specify the name of the node that stores the photo description.