Interactive image display

Custom Components
1

is there a way to interact with displayed images using st.image like mouse over or even clicking.

2

Welcome to the forum, @Maddy_Boy!

Not directly, but you can do some things with css, like this:

import streamlit as st

st.image("https://placekitten.com/200/300")

st.markdown(
    """
    <style>
    img {
        cursor: pointer;
        transition: all .2s ease-in-out;
    }
    img:hover {
        transform: scale(1.1);
    }
    </style>
    """,
    unsafe_allow_html=True,
)

If you specifically want clickable images that return some info that you can use elsewhere in your python code, you might look for a component like this Custom component to display clickable images

1 Like
3

Thanks for the reply. This solves the issue.