Stack Slider

As you can see by the examples, this Stack Slider can be used to slide nearly anything you want. And now you can use the "Stack Slider Control"-Stack to control which slide shall be activated.

Screenshots

Examples

Fixed size, autoplay, navigation, arrows
  • Define any number of slides and add your stacks.
  • Stacks Image 791
    2010
    Wintertime
  • Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
    Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.
Fixed size, arrows, no autoplay, no navigation
  • Define any number of slides and add your stacks.
  • Stacks Image 809
    2010
    Wintertime
Fixed size, Arrows, no autoplay, Autohide Navigation
  • Define any number of slides and add your stacks.
  • Stacks Image 827
    2010
    Wintertime
Dynamically resized, no navigation, no arrows, no start/stop button
  • Define any number of slides and add your stacks.
  • Stacks Image 847
    Sample Text

Settings

    Content Slides: Amount of slides
    Width and Height: Only needed if "Auto Resize" is off
    Animation Time: Time to switch from one slide to another in ms
    Delay: Time between slides in ms
    Direction: Left-To-Right or Right-To-Left
    Border: Enable to activate a border
      Border Color
    Navigation: Shows navigation buttons
    Auto-Hide Nav: Hides navigation buttons and shows them while hovering over the slide
    Nav Color: Background Color of Nav
    Nav Font Size: Size of the navigation buttons in px
    Start/Stop Button: Show or hide the button in Autoplay mode
    Autoplay: Enable to automatically start the sliding
    Stop at end: Stops the animation at the last slide
    Start Color: Backgroundcolor of the start button
    Stop Color: Backgroundcolor of the stop button
    Arrows: Show left/right arrows
    Arrow position: Set the vertical position of the arrows in % or px
    Auto Resize: dynamically adjust the height and width of the stack slider to its' content dimensions

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer
  • Firefox

Downloads

Stacks Image 3277

Download Project File

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes