Responsive HTML slider with image & text support, touch gestures, and manual play controls

Responsive HTML Slider with Image & Text Support

Touch Gestures & Manual Play Controls

Author & Version

Author: EXCTOOLZ
Version: 1.0
Date: 2025-05-16

Description

A lightweight and fully responsive HTML-based image & text slider with multiple interactive features including:

• Navigation buttons
• Zoom in/out
• Fullscreen support
• Page download as image
• Text/image slide support
• Touch gesture navigation

Perfect for galleries, product showcases, presentations, or document-style sliders.

Included Files

• index.html – Main slider file
• html2canvas.min.js – For downloading current slide as image
• thumbnail/1.jpg to thumbnail/4.jpg – Sample slider images
• thumbnail/credit.html – Attribution and credits (optional) of images

Features

• Left & Right Navigation Buttons
• Zoom In / Zoom Out
• Add Text with HTML Tags
• Add Custom Images
• Download Current Slide as Image
• Jump to Specific Slide
• Fullscreen Mode
• Hide All UI Controls
• Restore/Unhide All Controls
• Touch Gesture Support

Instructions

1. Open index.html in any modern browser.
2. Use left/right navigation buttons to slide between content.
3. Zoom in or out using zoom controls.
4. Download the visible slide using the “Download Page” button (uses html2canvas).
5. Jump to any slide using the jump input.
6. Enter fullscreen mode for immersive experience.
7. Hide all UI controls for distraction-free view.
8. Use “Unhide Settings” to bring back controls.

Credits

• html2canvas – Used for slide download functionality.
• Images used from: excpix.com

Support

For customization or support, feel free to contact: ymali7891@gmail.com

License

Licensed for personal and commercial use.
Redistribution or reselling of the source files as-is is not allowed.