![](https://private-user-images.githubusercontent.com/123846642/289222048-f474cb04-5d16-45c4-a588-826c77fd199b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI1NTIyODQsIm5iZiI6MTcyMjU1MTk4NCwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMDQ4LWY0NzRjYjA0LTVkMTYtNDVjNC1hNTg4LTgyNmM3N2ZkMTk5Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODAxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwMVQyMjM5NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MjFmNGJmYjNhNmU3OGE0ZGQ2NDZiZTVkZWEyNjcyNTRlNGNiZjFlYWQ5NTliYWNlNzM5ZjJiNmQ3NGUwNmQ5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.NH3zxQJ-21IXAElYGCsxC4RYCRzQyaKAz2j5hktfV88)
![](https://private-user-images.githubusercontent.com/123846642/289222220-07576b0b-3146-4e39-9a8b-9d06eb607bae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI1NTIyODQsIm5iZiI6MTcyMjU1MTk4NCwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMjIwLTA3NTc2YjBiLTMxNDYtNGUzOS05YThiLTlkMDZlYjYwN2JhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODAxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwMVQyMjM5NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zOTIwNTM2ZTFkZjlhYzc5MTY2YTdhYWNiOTc4MzliNjZiMGNmYWM5NTBhYmVjNDEwY2I5OWQxMzhkN2YxMjRkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.ZjjwBsf5vNya8PngFaQfsPbHIyj9Ewj8MqbiwGIlnz8)
![](https://private-user-images.githubusercontent.com/123846642/289222454-ce0a5478-1cc5-4f09-ac33-36c7e47bdba4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjI1NTIyODQsIm5iZiI6MTcyMjU1MTk4NCwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyNDU0LWNlMGE1NDc4LTFjYzUtNGYwOS1hYzMzLTM2YzdlNDdiZGJhNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODAxJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgwMVQyMjM5NDRaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wODc3NDQ0ZjUyYzUyODQ5YmJmOTFlNGY3NzQ5NGZkMjRmZTRkYjgwNWU2ZjQzM2Q4MzYzYjJhYWYzNDEwM2VhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.OFqaHXQxr8-OeIevDBsm_89W2EBRARDHTn6OmxRq_qM)
Enhance your streaming experience with RUM-Slides, a versatile image overlay solution designed for content creators. This project leverages HTML, CSS, and JavaScript to create a dynamic overlay card featuring a slideshow of images. Tailored for streamers, RUM-Slides offers:
-
Seamless Image Transitions: Engage your audience with smooth and captivating image transitions, bringing a professional touch to your streams.
-
Automated Slideshow: Effortlessly cycle through a set of images, keeping your content fresh and engaging without manual intervention.
-
Progress Bar Visualization: A sleek progress bar provides a visual cue of the slideshow progression, enhancing viewer engagement.
-
Dynamic Slide Count: Adapts to changes in the slides folder, dynamically updating the total slide count for easy management.
-
Customizable Styling: Tailor the overlay to match your branding with customizable colors, fonts, and styles.
RUM-Slides is an open-source project that empowers streamers to elevate their content effortlessly. Whether you're showcasing fan art, highlights, or announcements, RUM-Slides adds a professional touch to your streaming setup. Fork the project and integrate it into your streaming toolkit to captivate your audience with visually appealing overlays.