structure.container

This object property is about to describe the container of the slider: its identifiers, size and some specific parameters.

This object property is required.

Sub-properties:

id
Required: see below Type: string Default: null Version: 1.2 +
The HTML element id which will be the placeholder for the slider. Either this or selector must be filled.
selector
Required: see below Type: jQuery selector Default: null Version: 1.3 +
The HTML element(s) which will be the placeholder(s) for the slider. Either this or id must be filled.
width
Required: yes Type: integer Default: null Version: 1.2 +
The width of a slider in pixels.
height
Required: yes Type: integer Default: null Version: 1.2 +
The height of a slider in pixels.
zIndexWidgets
Required: no Type: integer Default: 100 Version: 1.4 +
The z-index of the area where widgets are shown.
zIndexScreen
Required: no Type: integer Default: 90 Version: 1.4 +
The z-index of the area where the effects are implemented.

Examples

Display slider in HTML element with id "slider", set the size of the slider to 672 pixels in width and 420 pixels in height.

JavaScript
container: {
  id: "slider",
  width: 672,
  height: 420
}       

Display slider in HTML element(s) with a specific selector, set the size of the slider to 300 pixels in width, 150 pixels in height and decrease z-indices.

JavaScript
container: {
  selector: "#slider-area .slider",
  width: 300,
  height: 150,
  zIndexWidgets: 5,
  zIndexScreen: 4
}