## Stylish Slider

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

> Example:

> - swfobject.embedSWF("flashmo_271_stylish_slider.swf", "flashmo_slider", "900", "330", "9.0.0", false, flashvars, params, attributes);
> - SWF width value is set as 900 pixels and height value is set as 330 pixels in this HTML page
> - Set height value to 330 if the image height is 300 pixels because height of the navigation bar is 30 pixels

## XML file name

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

> Example: flashvars.xml_file = "flashmo_271_photo_list.xml";

## Variables in XML <config> tag

> hover_effect = true by default ( or false ) for mouse pointer over image area

> auto_play = true or false

> auto_play_duration = 3 seconds ( or any number of seconds )

> tween_duration = 0.7 seconds by default ( motion tweening duration of each block )

> tween_delay = 0.02 seconds by default ( delay between each block )

> default_effect = easeInOutQuart ( or see below Tweener transition cheat sheet for more options )

> default_row = 3 rows by default ( number of rows to slice up all photos if each photo transition tag row is not defined )

> default_column = 5 columns by default ( number of columns to slice up all photos if each photo transition tag row is not defined )

## Transitions in each photo <transition> tag

> direction = left | right | up | down | center | random

> row = number of rows to slice up a particular transition between 2 photos

> column = number of columns to slice up a particular transition between 2 photos

> effect = easeInOutQuart | easeInOutCubic | easeInOutExpo | easeInOutSine ( or see below Tweener transition cheat sheet )

> fade = in | out if direction is set to center

> scale = in or out if direction is set to center