Newsletter Signup
Sign up to our newsletter to gain access to exclusive discounts and more.
FX Slider Stack
This slideshow stack packs a punch with 30 transitions available! Aside from the drag and drop stack, a warehoused (PHP) stack is included as well.
Demo
The below slider displays all possible transitions (30 in all). A second demonstration slider, showcasing some additional features, has been set up here.
Key Features
 |
30 Transitions Available
The slideshow includes 30 transitions (listed below) - though to be fair, some are similar, but start from the right instead of the left, and so on. You can choose exactly which of these you want included in your slideshow.
|
|
4 Navigation Possibilities
You can choose to display thumbnails to navigate from slide to slide, or simply numbers or dots (circles). Or nothing at all.
|
|
Add Labels and Links
The slideshow can display labels, and each slide can link to another page.
|
|
Warehouse Version Included
Aside from the drag and drop version, a warehoused (PHP) version is included as well.
|
Available Transitions
Note: Look at the demo above to see all transitions.
- random
- randomSmart
- cube
- cubeRandom
- cubeStop
- cubeHide
- cubeSize
- block
- horizontal
- showBars
- showBarsRandom
- tube
- fade
- fadeFour
- parallel
- blind
- blindHeight
- blindWidth
- directionTop
- directionBottom,
- directionRight
- directionLeft
- cubeStopRandom
- cubeSpread
- cubeJelly
- glassCube
- glassBlock
- circles
- circlesInside
- circlesRotate
Notes
Images should be the same size if you use the drag and drop slider. If using the warehouse slider, this does not apply (images will be croppped or resized, depending on settings).
The warehouse slider is PHP based and makes adding images very easy. Simply add them to the source folder specified in the settings. No need to drag and drop files via the RW editor interface.
(*) Navigation as dots will show as square in IE <= 8
Editing Area
The HUD
Nr Images
The number of images you want in your slideshow
Transition Effect
The transition effect or effects you'd like to use, see the documentation for a list.
Navigation
The navigation type you'd like to use: "thumbs", "dots", "numbers" or "none".
Navigation Location
Where the navigation will be shown: "top", "bottom", or "inside" (only for numbers and dots).
Randomize Images
The images will be randomly shown if this is checked.
Hide Arrows Until Hover
Navigation elements inside the slideshow are hidden until hovered over.
Pause on Hover
Pause the slideshow when the mouse is hovering over it.
Loop Slideshow
If checked, slideshow will start again once it reaches the end.
Center Slideshow
Center the slideshow.
Play Delay
The amount of time a single slide is shown.
The rest of the settings affect navigation colors, border width, optional shadow, etc..
The number of images you want in your slideshow
Transition Effect
The transition effect or effects you'd like to use, see the documentation for a list.
Navigation
The navigation type you'd like to use: "thumbs", "dots", "numbers" or "none".
Navigation Location
Where the navigation will be shown: "top", "bottom", or "inside" (only for numbers and dots).
Randomize Images
The images will be randomly shown if this is checked.
Hide Arrows Until Hover
Navigation elements inside the slideshow are hidden until hovered over.
Pause on Hover
Pause the slideshow when the mouse is hovering over it.
Loop Slideshow
If checked, slideshow will start again once it reaches the end.
Center Slideshow
Center the slideshow.
Play Delay
The amount of time a single slide is shown.
The rest of the settings affect navigation colors, border width, optional shadow, etc..
Documentation
Extra documentation is available here.
Browser Support
v 3.0.11+
v 3.2.1+
v 9.64+
v 6+ (*)
v 4.0.249+- More info