Example 3

html

This Caption is positioned:
Left: 50px, Top: 50px

This Caption is positioned:
Left: 500px, Top: 50px

This Caption is positioned:
Left: 200px, Top: 250px

Width set to 400px
Background Color set to #FF0000
Background Opacity set to 0.5

CAPTION BOX
Adjustable Caption Width, Height and Position of individual slides. Global settings available to adjust Caption Padding, Margin, bg color, bg opacity, bg radius and bg shadow opacity.

More

Banner Settings

• button_show_back: true
• button_numbers_autohide: false
• button_numbers_horizontal: true
• caption_padding_x : 18
• caption_padding_y : 12
• caption_float_mode: true

All the below settings are related to responsive behavior:

IMPORTANT: In order to make limits to work on browser resize, set the last parameter to false

• responsive : true or false
• responsive_limit_autoplay : ''        (To disable autoplay below certain screen size [Ex: 480])
• responsive_limit_caption : 480        (To disable caption below certain screen size [Ex: 480])
• responsive_limit_navigation : 480     (To change navigation type below certain screen size [Ex: 480])
• responsive_limit_navigation_type : 2  (The navigation type to be used below certain screen size [1: Default, 2: Dot style, 3: Arrow style])
• responsive_screen_based_limits : true (The limits can be either screen based or banner container based)

Slide Settings

Slide 1

• data-position="50,50"
• data-width="250"

Slide 2

• data-position="500,50"
• data-width="250"

Slide 3

• data-position="200,250"
• data-width="400"
• data-caption_bg_color="#FF0000"
• data-caption_bg_opacity="0.5"

Slide 4

• data-position="580,80"
• data-width="220"
• data-height="220"