![](https://private-user-images.githubusercontent.com/123846642/289222048-f474cb04-5d16-45c4-a588-826c77fd199b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5MjUwMjcsIm5iZiI6MTczODkyNDcyNywicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMDQ4LWY0NzRjYjA0LTVkMTYtNDVjNC1hNTg4LTgyNmM3N2ZkMTk5Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QxMDM4NDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02OTY3ZmY5N2RhZWMzZTg3NjdiY2I2YjJlN2E1YzIzNjVmNmJiMDYzNzljNDA4ODE5MWY3ZmRjNTRlNThkNGM2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.hjNICjw6qQt8lofscbQYZzLGXr8HgoKytlxSnXL3E_Y)
![](https://private-user-images.githubusercontent.com/123846642/289222220-07576b0b-3146-4e39-9a8b-9d06eb607bae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5MjUwMjcsIm5iZiI6MTczODkyNDcyNywicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyMjIwLTA3NTc2YjBiLTMxNDYtNGUzOS05YThiLTlkMDZlYjYwN2JhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QxMDM4NDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lODc3ZjUxMmU1N2Y5MTcwN2ZjNTBlYjliZTljZWI0MDY3ZTM0ZmJhYmU5MjdlOWM1MGVhYWU3NTA4YjU3YjNhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.QJJniitzhKIcqFfPvAMzqTTpY-pV5ild3bYXyyke0WU)
![](https://private-user-images.githubusercontent.com/123846642/289222454-ce0a5478-1cc5-4f09-ac33-36c7e47bdba4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5MjUwMjcsIm5iZiI6MTczODkyNDcyNywicGF0aCI6Ii8xMjM4NDY2NDIvMjg5MjIyNDU0LWNlMGE1NDc4LTFjYzUtNGYwOS1hYzMzLTM2YzdlNDdiZGJhNC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QxMDM4NDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xOGI0MDQ3YWY1OWJhYWRiMmQ2OWMxZGZiOTJjMzllYTYzYjk5ZjQwODNkZjhjZThiZjFhOWJjNzVkNzAxZDgzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.E3LonBGY4EHliylbORAfJMUPRCRjPN3cXkexn0Df1IM)
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.