How do I make dynamic slider / carousel with horizontal thumbnails?

I'm sorry, but I do not think it's that simple.

Now I have created a recordset for images. And a repeat region around class = "column" and around class = "mySlides" - as you told. But nothing happens when I press one of the small images.

The idea is that, when you select a small image from horizontal thumbnails - the same image (or the same with higher resolution), should be displayed as large above.

The thumbnails refer to onclick = "currentSlide(1)", but this must be done dynamically - and I do not know how (line 142).

Likewise, the number must be made dynamic (line 119):
<div class="numbertext">1 / 6</div>

I attach an updated document.