How to Use
This is a web-based slide controller tool that creates smooth slideshow presentations with various animation effects. • Create slides using images, HTML content, or DOM elements in a container div • Navigate slides using: - Mouse: Click and drag left/right (or up/down for vertical mode) - Keyboard: Arrow keys to move between slides - Mouse wheel: Scroll up/down to change slides - Touch: Swipe gestures on mobile devices • Configure slideshow behavior: - Choose animation types like rotate, fade, flip, card, or depth effects - Set vertical or horizontal sliding direction - Enable/disable looping and autoplay - Control slide timing and transitions • Add interactive elements: - Dot indicators showing current slide position - Navigation buttons for previous/next slides - Image zoom functionality on mobile devices • The tool automatically detects content types (images, HTML, elements) and optimizes performance with features like image preloading • Supports nested sliders within slides for complex presentations • Works across desktop and mobile browsers with responsive touch controls