Example 8

html

Translucent background for captions with cross browser compatibility. Supports Responsive layout.

Touch Support
Supports swipe navigation for Android and iOS devices. Adjustable drop and throw sensitivity.

Per Slide Settings
Possible to super-impose color layer over the translucent background to improve visibility.

4 Transition effects to choose: Move, Fade, Slide In, Slide Out. Touch swipe uses 2 of them.

Banner Settings

• navigation_type: 3
• button_size: 26
• caption_border: 1
• caption_margin_x: 150
• caption_margin_y: 16

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                     (To enable or disable Responsive behavior */)
• 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

• No specific settings