如何使用 python 破折号循环显示多个图像

Question

我这样做是为了用破折号显示多张图片，但它显然不起作用，因为它只显示一张图片。

for i in images:
    app.layout = html.Div([
        html.Div([
            html.A([
                html.Img(
                    src=app.get_asset_url(i),
                    style={
                        'height' : '40%',
                        'width' : '40%',
                        'float' : 'left',
                        'position' : 'relative',
                        'padding-top' : 0,
                        'padding-right' : 0
                    }
                )
            ], href='https://www.google.com'),
        ])
    ])

执行此操作的最简单方法是什么。考虑到这些是图像而不是绘图。

Answer 1

我设法让它像这样工作

def generate_thumbnail(image):
    return html.Div([
        html.A([
            html.Img(
                src = app.get_asset_url(i),
                style = {
                    'height': '40%',
                    'width': '40%',
                    'float': 'left',
                    'position': 'relative',
                    'padding-top': 0,
                    'padding-right': 0
                }
            )
        ], href = 'https://www.google.com'),
    ])

images_div = []
for i in images:
    images_div.append(generate_thumbnail(i))
app.layout = html.Div(images_div)

如何使用 python 破折号循环显示多个图像

How to display multiple images with a loop with python dash

html

python

plotly-dash