Description: Accurate XML based image gallery which is easy to configure.
Technologies and tools: Flash 9, Action Script 3.0, XML, CSS, Subversion
Position: Flash developer
Responsibilities: Architecture development and design, usability engineering, writing code, bug fixing, refactoring, estimation for outer and inner tasks, creation graphic elements.
Detailed information regarding features:
- Dynamic XML based Image Gallery.
- Gallery supports unlimited images.
- HTML and CSS support.
- Used FlashVars to set paths for text.xml, settings.xml and styles.css files.
- Via settings.xml file you can customize: stage width and height, TileList component properties (base view of image gallery), properties to view gallery items, paging’s properties.
- Via styles.css file you can set styles for text in text.xml file.
- Easy to use and configure.
- Easy to resize.
- Centralized coding.
- Code is fully commented.
default_assets_files.zip (Please do not forget to remove .doc extension after downloading, should be just changed_assets_files.zip)
After starting up you can see the list of all image galleries with previews. All image previews are defined in text.xml file.
If there are a lot of images then scroll is added to make possible to see all of them. According to the number of columns and rows which are predefined in settings.xml file scroll can be vertical or horizontal.
To view gallery items you can click on its preview
After this detailed view of image gallery should be displayed.
Detailed view consists of image section, paging section and text area with ‘Back’ button.
Image section presents image according to activated button in paging. The number of paging buttons is set in settings.xml file, currently it equals 10.
XML IMAGE GALLERY #4 has 11 images in the list that’s why ‘Next’ button is in active state in the paging. All images and text in text area are predefined in text.xml file.
‘Back’ button allows you to return to base image gallery view.
One more example of detailed gallery view (img. 4). In this case paging does not have ‘Previous’ and ‘Next’ buttons because the number of images in the list is lesser than number of allowed visible paging buttons in settings.xml file.
Image 5, image 6 and image 7 are examples of customization properties of TileList component via settings.xml file.
Image 5 – changed properties in settings.xml file:
Image 6 – changed properties in settings.xml file:
Image 7 – changed properties in settings.xml file:
Image 8 is an example of customization properties to view gallery items, paging’s properties and styles for text.
Changed properties changed properties in settings.xml file:
Changed style in styles.css file:
Handling loading errors
If a preview image could not be loaded then error will be presented instead of it (img. 9)
If an image in detailed view could not be loaded then also error will be presented instead of it (img. 10)
Images which are used in the gallery were taken from: