![](https://private-user-images.githubusercontent.com/123846642/289222048-f474cb04-5d16-45c4-a588-826c77fd199b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NDgxNjIsIm5iZiI6MTcyMTc0Nzg2MiwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMDQ4LWY0NzRjYjA0LTVkMTYtNDVjNC1hNTg4LTgyNmM3N2ZkMTk5Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QxNTE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMTk5Mjc5Mzk5NmNjMWNlOThhZDkzM2U2ZGRkNDc5MThhZjc1YzFmNDU1NGZlMWY1MGJjMGQ3YTczYzg4MThhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.rxmUBnDRqVAvruh-os1JXJXkPUmtOkrWIHKXUSUVOGM)
![](https://private-user-images.githubusercontent.com/123846642/289222220-07576b0b-3146-4e39-9a8b-9d06eb607bae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NDgxNjIsIm5iZiI6MTcyMTc0Nzg2MiwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMjIwLTA3NTc2YjBiLTMxNDYtNGUzOS05YThiLTlkMDZlYjYwN2JhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QxNTE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZTc0MDJhMzc3MTZjNTcxMmI3NTI5NzgxYTIyMTYxNjM2NDFlM2Y2MjhiZGYzZmYzNGU1NWQxYjZlZGYwZjI3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.m5sBuZF2qIEmcK8v4UFFAunSaabRdxeOHAhfyKxKrTM)
![](https://private-user-images.githubusercontent.com/123846642/289222454-ce0a5478-1cc5-4f09-ac33-36c7e47bdba4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE3NDgxNjIsIm5iZiI6MTcyMTc0Nzg2MiwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyNDU0LWNlMGE1NDc4LTFjYzUtNGYwOS1hYzMzLTM2YzdlNDdiZGJhNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyM1QxNTE3NDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iZjZkNDE4NGQ1ODE1YjA1ZWUwZGU0M2NhNjYxZDY0MGYxMzRkZGExNWQyNDQyMWY5MzcwMzQ0NjViYTMwYWZhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.8To7Ou4yM2Luwo15kbtBNx_8D5AU92p2EKKjKA0HP14)
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.