Site logo
AUGMENT SLIDE
Animated Sliding Effects Made Simple
Stacks Image 32
Au_Slide_58
Easily drag and top the Augment Slide section into any Stacks area and use the Customization Options to select and edit the sliding animation effects. These effects are developed using jQuery to help ensure more cross-browser and backwards compatibility.
Stacks Image 35
Show off pictures, products, business features, promotional material, documents, eBooks, downloadable content, and whatever else you can think of.

Set animation to respond when the mouse hovers over or make a click required. Easily change sizes, colors, animation speed, animation direction, and other nifty effects (complete list below).

Customization Options



General Controls:
  • On Click Only (Hover Off)
  • Theme Sizes (25%, 50%, 75%, 100%)
  • Cursor appearance (when mouse hovers)
  • Max Width (will be responsive)
  • Max Height (will be responsive)
  • Info Height (inner section that appears on hover)
  • Overflow Scroll Bar On/Off (Off will hide the information that goes outside of Max Width & Height area)
  • Border Width (0-20px)
  • Speed Open (in millaseconds)
  • Speed Close (in millaseconds)
  • Outer Radius
  • Inner Radius

Color Controls:
  • Background
  • Border
  • Slide Cover
  • Outer Shadow
  • Text
  • Links
  • Links (hover)

Opacities:
  • Image Opacity On/Off
  • Opacity x10% (1=10%, 9=90%)
  • Clear Slider (Turns slider's background transparent)

Snippets



1. Giant Raidus (create's super large circle)
2. Gradient Light (lightly themed subtle gradient in background)
3. Gradient Dark (darker background with subtle gradient)