Streamlit imagegrid
Reason this release was yanked:
Bug
Project description
Streamlit ImageGrid plugin
Setup
pip install streamlit-imagegrid
Example Usage
zoom
allows for increasing and decreasing the height of image grid images.
urls
takes in html or disk urls with absolute path.
height
Height of IFrame.
import streamlit as st
from streamlit_imagegrid import streamlit_imagegrid
import requests
from PIL import Image
from io import BytesIO
st.title('Image grid test')
zoom_val = st.sidebar.slider('Zoom',40,240)
urls = [
{
"width": 1000,
"height": 666,
"src": "https://as2.ftcdn.net/jpg/02/25/53/52/1000_F_225535263_n14yO9cXk18X90qQYxBf5Vcf00uOtAhW.jpg"
},
{
"width": 1000,
"height": 422,
"src": "https://as2.ftcdn.net/jpg/02/81/07/83/1000_F_281078312_PcISs3yKL9r70nCqvDkgOR17UBGIw97C.jpg"
},
{
"width": 1000,
"height": 666,
"src": "https://as2.ftcdn.net/jpg/02/96/35/64/1000_F_296356423_f6IEidPVRWzaqj2MJQ2VLJJTYGRAtY4P.jpg"
}
]
return_value = streamlit_imagegrid(urls=just_urls,zoom=zoom,height=1000)
if return_value is not None:
response = requests.get(return_value)
st.sidebar.markdown('<img src={} width=240px></img>'.format(return_value),unsafe_allow_html=True)
Supported URL's Format
URL's can be on disk files with absolute path or any http/https image urls. if you would like video support contact the developer.
Case 1
In this case if width
and height
are NOT provided auto align and resize and nice image flow will not work. (Yet)
urls = [ { "width": 1000, "height": 666, "src": "https://as2.ftcdn.net/jpg/02/25/53/52/1000_F_225535263_n14yO9cXk18X90qQYxBf5Vcf00uOtAhW.jpg" }, { "width": 1000, "height": 422, "src": "https://as2.ftcdn.net/jpg/02/81/07/83/1000_F_281078312_PcISs3yKL9r70nCqvDkgOR17UBGIw97C.jpg" }, { "width": 1000, "height": 666, "src": "https://as2.ftcdn.net/jpg/02/96/35/64/1000_F_296356423_f6IEidPVRWzaqj2MJQ2VLJJTYGRAtY4P.jpg" } ]
Case 2
Single url list. This works but no auto align with nice image flow. Resiging does not fix the page. Next version of streamlit-imagegrid will support automatic resizing of url-only inputs.
urls = ["https://as1.ftcdn.net/jpg/01/41/02/26/500_F_141022623_Wi0PLc8Xi1K4FcPKF4UJAjNu6vuYjha5.jpg", "https://t4.ftcdn.net/jpg/02/65/19/21/240_F_265192146_GkxdiHss4XhAPPHkW2C6nBkrfrc4DxrJ.jpg", "https://t4.ftcdn.net/jpg/01/18/41/79/240_F_118417934_BYUeBM4c2TTFcbl9xkKT7KnJjvbKAIaB.jpg", "https://t3.ftcdn.net/jpg/00/71/63/34/240_F_71633411_20afo12ENX4SvYssbZZAQGjE6LlUWMOO.jpg", "https://t4.ftcdn.net/jpg/01/18/41/79/240_F_118417934_BYUeBM4c2TTFcbl9xkKT7KnJjvbKAIaB.jpg", "https://t4.ftcdn.net/jpg/01/18/41/79/240_F_118417934_BYUeBM4c2TTFcbl9xkKT7KnJjvbKAIaB.jpg"]
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for streamlit_imagegrid-0.0.4.macosx-10.9-x86_64.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | a621cbcc6115d438471c7a7e576ef9085ee8514a9fa31470f80d4e05e2cd12c8 |
|
MD5 | f448775c66b66a8370837b7b342c1e04 |
|
BLAKE2b-256 | 3c2d59473aaf658f163df10a15a300160c8fe92ac918c458058cb1c5ca35afa5 |
Hashes for streamlit_imagegrid-0.0.4-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 6d96a056fa35be21150639e570149fb20324850ff0e3e89f23863f6feed4a6f9 |
|
MD5 | 9a0dff662e9771c476b8fd4241ecd45a |
|
BLAKE2b-256 | 92e332465078e1419e74f7e7e9a577934648b75db6d1b9f0546da6935dd08ce4 |