![](https://private-user-images.githubusercontent.com/123846642/289222048-f474cb04-5d16-45c4-a588-826c77fd199b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDQ5MDEsIm5iZiI6MTczOTM0NDYwMSwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMDQ4LWY0NzRjYjA0LTVkMTYtNDVjNC1hNTg4LTgyNmM3N2ZkMTk5Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQwNzE2NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMTE2ZjZlMTM0MzE5MTRlOWQzNTc3MTBjNjJiNmY3ODJhYmNhZTRiMzUzNDQ3Y2Q3MmRhNzIxZjg0OTNlNjI3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.D8M4l2NGtwmCirbllT2UEh8k2_D1kuYg7ZVxj1k2KeE)
![](https://private-user-images.githubusercontent.com/123846642/289222220-07576b0b-3146-4e39-9a8b-9d06eb607bae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDQ5MDEsIm5iZiI6MTczOTM0NDYwMSwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMjIwLTA3NTc2YjBiLTMxNDYtNGUzOS05YThiLTlkMDZlYjYwN2JhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQwNzE2NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iZmQwZWQ3MTEwYzYyZDljNjBkNTBhOTM3ZTFmZTc1MDY3OTgxNzUyMWI2NjY2OTViNjE3MmI5MTIwYzhhZTQxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.qt0jnGkT5sfCgqV1lPGUQl1nalyY4znIOQsFMTpMhRY)
![](https://private-user-images.githubusercontent.com/123846642/289222454-ce0a5478-1cc5-4f09-ac33-36c7e47bdba4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNDQ5MDEsIm5iZiI6MTczOTM0NDYwMSwicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyNDU0LWNlMGE1NDc4LTFjYzUtNGYwOS1hYzMzLTM2YzdlNDdiZGJhNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQwNzE2NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1jZTM2MjJjNzk0NDAwOWVjNDFmM2I2ZmEzYzk0ZjM0MmRmNGMzYzRiZGU2NDAyMDUzMTcwNmNiMzEzMmYzMDllJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.w7bIP8jkXpu90fFjSL5CWPwO-RBOYs14TiMscb9G8As)
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.