Slider Factory 1.0 is released!
Big thanks to all testers who helped me during the development!
BTW: The illustrations shown above are integrated part of Slider Factory and I dedicate them to the public domain, which simply means: Do whatever you want with them. Download separately as ZIP archives:
8 bit versions 24 bit versions
This plugin allows you to build sliders with fully editable content sections. It utilizes Wrappers + arbitrary Content Types (sections) for the slides. The Slider Factory section, which must reside inside the Wrapper, acts as the controller. Editing the Slider Factory section will bring up it's editor component where you can make your settings.
There are currently 12 transition types, 20 easing functions, 3 themes and a lot of other options to choose from. The Slider may have automatic, proportional and fixed height and is fully responsive. It will respect it’s Wrapper Section’s height, if there is one defined using inline styles or CSS/Media Queries.
After installation you will find 3 new items in the the Section Manager ⇒ Slider Factory (Controller only), Slider Factory COMBO 4 × Text and Slider Factory COMBO 4 × Wrapper + Text Box (ver 1.0rc2). Choose one of the latter to get started – it will add a complete Slider with 4 Slides. You can build Sliders yourself using the Typesetter’s Section Management. Slides may contain any content, even complex, multi-level grid layouts are possible.
Now working with ver. 1.0rc2: Placing the Simple Blog Gadget (via File Include Section) inside a Wrapper togehter with a Slider Factory Controller will turn the Gadget items into slides. As seen on the Start Page.
Slider Factory animations have touchswipe support and work pretty well on mobile devices. Up to ver. 1.0b5 Slider Factory relied on jQuery animations, which were not all bad. Since version 1.0rc2 we use Velocity.js for superior performance and possibilities.
Advanced animations and styling:
Since 1.0b5 we have gpSlide-in, gpSlide-out and gpSlide-active classes to trigger advanced CSS or jQuery animations. For inner elements like Editable Text sections you can apply the CSS classes innerFx-fade, innerFx-toast, innerFx-early-toast and innerFx-nested-fade for animations and innerBox-lighten and
innerBox-darken for background color overlays.