Carousel-Configuration

• This extension comes with its own jQuery carousel plugin. All other jQuery-Plugins must be downloaded and copied into the fileadmin- folder. The onboard plugin is a basic carousel with some options. I will describe them here. You can use the jQuery-plugin twice if you wand to animate the image and text separated. The CarouselSeparated.html templates does that. “.camaliga” must be specified for each ul-element with the li-elements of Camaliga.

Property	Data type	Description	Default
auto_slide	boolean	0: no. 1: yes, automatic sliding.	0
hover_pause	boolean	0: no. 1: yes, pause the automatic sliding on mouse hover.	0
auto_slide_seconds	int	Automatic sliding after … milliseconds.	7500
infinitive	boolean	0: no. 1: yes, but you need in this case at least n+2 elements (n: number of visible elements)!	0
item_width	int	Width of an element: width + padding + margin. You must specify this only if the padding or margin of the li-element is >0. Otherwise the plugin calculates the width automatic.	0
li_name	string	Normally the plugin gets all li-elements of the specified ul-element. If you have other ul-elements in your li-element, you must use a class for the li-elements with the camaliga-elements and you must tell the plugin the name of that class.	li
left_scroll	string	Class or ID of the DIV element with the left scroll arrow. This is needed if infinitive is 0 and if you want to display an inactive arrow on the beginning of the carousel. The plugin adds the class “camaliga_first” to this div if the first element is shown left.
right_scroll	string	Class or ID of the DIV element with the right scroll arrow. This is needed if infinitive is 0 and if you want to display an inactive arrow on the end of the carousel. The plugin adds the class “camaliga_last” to this div if the last element is shown right.

Example

Here an example with some settings:

$('#carousel_ul').camaliga({
        auto_slide: 0,
        hover_pause: 0,
        auto_slide_seconds: 5000,
        infinite: 0,
        item_width: 215,
        li_name: 'li.carousel_li',
        left_scroll: '#left_scroll',
        right_scroll: '#right_scroll'
});