# Interact.jl PyPlot, HTML

**URL:** <https://discourse.julialang.org/t/interact-jl-pyplot-html/77343>\
**Category:** Visualization\
**Tags:** display, html, interactivity, png\
**Created:** [March 3, 2022, 9:46am UTC](https://discourse.julialang.org/t/interact-jl-pyplot-html/77343 "2022-03-03T09:46:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ludovic\_Dumoulin](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/ludovic_dumoulin/32/22414_2.png) [@Ludovic\_Dumoulin](https://discourse.julialang.org/u/Ludovic_Dumoulin)\
**Post date:** [March 3, 2022, 9:46am UTC](https://discourse.julialang.org/t/interact-jl-pyplot-html/77343/1 "2022-03-03T09:46:15Z")

</div>

Hey,

I use jupyter lab and julia 1.6.  
I have png files in a directory, and I would like (using a slider or the keyboard) to display all png files one by one. I can make a gif but I would like to explore my files forward, backward or to stop at a specific image.

I tried few things but I obtain always the same result:

**I obtain a slider, the first picture. I can move the slider but the image rest the same.**

1. 

```julia
using Interact, FileIO
ui = @manipulate for i in slider(1:n_files)
    display("text/html", string("<img src=", dirfn, readdir(dirf)[i],">"))
end
display(ui)

```

1. 

```julia
using Interact, Images, FileIO
test = [load(string(dirfn, readdir(dirf)[i])) for i=1:num_files]
ui = @manipulate for i in slider(1:num_files)
    test[i]
end
display(ui)

```

1. 

```julia
im = Observable(test[1])
N = Interact.slider(1:1:num_files,label="N",value=1) |> onchange

on(N) do n
    im[] = test[n]
end
display(N)
display(im)

```

If anyone have an Idea it would be great,  
Thank you in advance,