dbc.Carousel issue in seeing the images

Hi all, i can’t see the image when I try to create a simple Carousel, I get a ‘thumbnail’ Carousel…thanks for help me!

here below the code:

from dash import Dash, Input, Output, html, dcc, callback # need version dash 2.0.0 or higher
import dash_bootstrap_components as dbc

app = Dash(name, external_stylesheets=[dbc.themes.SOLAR])
app.layout = dbc.Container([
dbc.Row([
dbc.Col([
html.H1(“Our Cool Analytics Dashboard”, style={“textAlign”:“center”})
],width=12)
]),
dbc.Row([
dbc.Col([
dbc.Carousel(
items=[
{“key”: “1”, ‘src’: “C:/Users/carlo/OneDrive/Desktop/Trading & Risk - Carlo/Dash/Dati/sitochiara/terapia.jpg”, caption":“My cat captions”, “img_style”:{“max-height”:“5000px”}},
{“key”: “2”, “src”: “C:/Users/carlo/OneDrive/Desktop/Trading & Risk - Carlo/Dash/Dati/sitochiara/terapia.jpg”, “header”:“My cat header”, “img_style”:{“max-height”:“5000px”}},
{“key”: “3”, “src”: “C:/Users/carlo/OneDrive/Desktop/Trading & Risk - Carlo/Dash/Dati/sitochiara/terapia.jpg”, “img_style”:{“max-height”:“5000px”}},
],
controls=True,
indicators=True,
interval=2000,
ride=“carousel”,

        )
    ], width=8)
], justify="center"),
html.Br(),
dbc.Row([
    dbc.Col([
        html.H2("All my graphs and charts below", style={"textAlign":"center"}),
        dcc.Graph(figure={})
    ],width=12)
])

])

if name == ‘main’:
app.run_server(debug=True)

Hi @Cocco
Try putting the images in the /assets folder instead.

You can also find more information about including images in your app, in this post: How to Embed Images into a Dash App

2 Likes

Hi @AnnMarieW thanks for your reply, I will try and let you know…Greetings

1 Like

it works well!! thanks again!

1 Like