Grid Gallery



Grid Gallery

Adjust width and height values of the Flash file ( flashmo_261_grid_gallery.swf ) in swfobject.embedSWF(); Javascript function

Example:

XML file name

xml_file = flashmo_261_photo_list.xml ( or any file name can be set in JavaScript )

Example: flashvars.xml_file = "flashmo_261_photo_list.xml";

Variables in XML <config> tag

folder = "photos/" the folder name where all images are located

show_tooltip = true or false

show_autoplay_button = true to show or false to hide ( located at top right corner )

autoplay = true or false

autoplay_duration = 3 seconds ( or any number of seconds )

 

photo_width = 900 pixels ( or any number of pixels )

photo_height = 300 pixels ( or any number of pixels )

grid_row = 4 rows by default ( or any number of rows in photo grid transition effect )

grid_column = 6 columns by default ( or any number of columns in photo grid transition effect )

 

thumbnail_group_width = 710 pixels ( or any number of pixels )

thumbnail_height = 100 pixels ( the height value of thumbnails )

thumbnail_spacing = 10 pixels ( horizontal spacing between one thumbnail and another )

thumbnail_border_size = 5 pixels ( or any number of pixels )

thumbnail_border_color = #FFFFFF ( any color HEX value )

thumbnail_highlight_color = #CC3333 ( any color HEX value ) - border color of the selected thumbnail

 

previous_button = true or false ( located at center left side )

next_button = true or false ( located at center right side )

 

description = true to show or false to hide ( located at the top center )

description_bg_color = #000000 ( any color HEX value )

description_bg_alpha = 0.5 ( 0.00 to 1.00 for alpha value )

css_file = flashmo_210_style.css ( or change to another CSS file name ) - to format the HTML description text field

tween_duration = 0.7 seconds by default ( motion tweening duration of each block in grid transition )

tween_delay = 0.03 seconds by default ( delay between each block in grid transition )

Transitions in each photo <transition> tag

flow = in | out

direction = left | right | up | down | center

rotation = -180 | -90 | 0 | 90 | 180 | or any degree