Translucent :: Example 1
image1
Translucent background for captions with cross browser compatibility. From IE6 and FF 3.0
image2
Touch Support
Supports swipe navigation for Android and iOS devices. Adjustable drop and throw sensitivity.
image3
Per Slide Settings
Possible to super-impose color layer over the translucent background to improve visibility.
image4
4 Transition effects to choose: Move, Fade, Slide In, Slide Out. Touch swipe uses 2 of them.
Example 2
image1
This Caption is positioned:
Left: 50px, Top: 50px
image2
This Caption is positioned:
Left: 500px, Top: 50px
image3
This Caption is positioned:
Left: 200px, Top: 250px
Width set to 400px
Background Color set to #FF0000
Background Opacity set to 0.5
image4
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
Example 3
image1
This Caption is positioned:
Left: 50px, Top: 50px
image2
This Caption is positioned:
Left: 500px, Top: 50px
image3
This Caption is positioned:
Left: 200px, Top: 250px
Width set to 400px
Background Color set to #FF0000
Background Opacity set to 0.5
image4
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
Example 4
image1
CAPTION BOX
Adjustable Caption Width, Height and Position of individual slides. Global settings available for Caption Padding, Margin, bg color...

More
image2
CAPTION BOX
Adjustable Caption Width, Height and Position of individual slides. Global settings available for Caption Padding, Margin, bg color...

More
image3
CAPTION BOX
Adjustable Caption Width, Height and Position of individual slides. Global settings available for Caption Padding, Margin, bg color...

More
image4
CAPTION BOX
Adjustable Caption Width, Height and Position of individual slides. Global settings available for Caption Padding, Margin, bg color...

More
About this sample

This is a jQuery Banner Rotator / Slideshow with translucent background set for caption. Supports touch swipe navigation for iPad and Android tablets. More than 35 plugin settings included for customization.

Options:

Slideshow

  • 4 Transition effects to choose: Move, Fade, Slide In, Slide Out
  • 2 different kind of touch swipe/throw transitions (move & slideOut)
  • Adjustable transition speed.
  • Auto Play option with Fixed & Individual slide delay times

Buttons

  • Adjustable Button Color, Opacity, Size, Margin and Spacing
  • Show / Hide the buttons: Next, Back, Number Buttons and Timer Clock – Play Pause
  • Show number buttons horizontally or vertically
  • Possible to show Number buttons permanently instead of auto hiding

Caption

  • Caption text can be aligned bottom (default) or set custom position (float mode)
  • Enable / disable caption text selection
  • Individually adjustable Caption Width, Height and Position
  • Adjustable Caption border size, color and opacity
  • Adjustable Caption Padding, Margin, bg color, bg opacity, bg radius and bg shadow opacity.
    (The bg color, opacity, shadow and few other parameters helps to achieve good visibility of caption addition to the translucent background).

Touch Sensitivity

  • Adjustable drag & drop factor (in pixel values)
  • Adjustable throw factor (in pixels)

 Translucent is available not only a UMG presentation, but also a independent module in Slider Collection, the free extention for UMG users.

Copyright © 2005-2013 BizModules Contact us