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

How do I make this slider / carousel, with horizontal thumbnails - dynamic using WebAssist tools?

Page included (slider.php)

Just use this page and put on a recordset for your images and a repeat region around the div class="column" where the image is specified.

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.

<div class="numbertext"><?php echo($wa_startindex + 1); ?> / <?php echo($rsImages->TotalRows); ?></div>

Looks like it would work to me. I'd need to see the page live to debug further.