Feature Suggestion: Image Carousel

Using Streamlit
1

I’d like to display several images within one element.
It would be great if there was some kind of image carousel feature where you can feed in a long list of images (or image urls) and streamlit would display it in a format we are all familiar with, for example from using netflix:
PNG

If it is an awful long list of images, it is impossible to display them all. The image carousel allows users to see the top ones (brownie points if values can be assigned to every image and if the user can decide to show images in descending or ascending order). If the user is interested to see more, they can scroll further.

This could be a feature that can cater for a variety of use cases, other than simply showing images in a neat way.
For example it could be used to explain and visualise recommendations from multi-armed bandits.

2 Likes
2

Hi there! Yeah, I think that’d be cool. I’ve made a feature request for you on streamlit’s github here: Image Carousel for lists of images, images have addressable indices. · Issue #780 · streamlit/streamlit · GitHub

Feel free to add more clarification and ideas there. Thanks for the feature request!

2 Likes
3

Thanks for creating the feature request!

1 Like
4

Reviving old thread. Because I’m currently looking for something like this myself.

5

I have made a simple image-carousel component for Streamlit. You can check this out

1 Like
6

Reviving this thread as well! Any updates?

7

@R_D It looks like @Deniz has already created a component for this Feature Suggestion: Image Carousel - #5 by Deniz

Are you looking for something different?

8

Hello!
In addition to @Deniz solution, I have created another streamlit-carousel component following the React Bootstrap implementation.
The package can be found here