# Image slider in Dash

**URL:** <https://community.plotly.com/t/image-slider-in-dash/51130>\
**Category:** Dash Python\
**Tags:** show-and-tell\
**Created:** [March 17, 2021, 4:47pm UTC](https://community.plotly.com/t/image-slider-in-dash/51130 "2021-03-17T16:47:35Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![Emil](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/emil/32/31734_2.png) [@Emil](https://community.plotly.com/u/Emil)\
**Post date:** [March 21, 2021, 9:20am UTC](https://community.plotly.com/t/image-slider-in-dash/51130/14 "2021-03-21T09:20:32Z")

</div>

I have just release version 0.0.47, which includes the `BeforeAfter` component. I have also added a small example to the docs,

```auto
import dash_html_components as html
from dash import Dash
from dash_extensions import BeforeAfter

app = Dash()
app.layout = html.Div([
    BeforeAfter(before="assets/lena_bw.png", after="assets/lena_color.png", width=512, height=512)
])

if __name__ == ' __main__':
    app.run_server()

```

![Peek 2021-03-21 10-20](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/3/3971602344236618d44b8a5155765cec66151de3.gif)

---

_[View the full topic](https://community.plotly.com/t/image-slider-in-dash/51130)._