Thumbnails button

Hello, im the beginer in coding, i have problem to follow the guidelines from the previous thread

Replace paging with smaller thumbnails

and i also read your suggestions how to customize script and try to understand from your given example code.

I want to make the slide like this example, the problem is i dont understand how to make thumbnail loops (as the button). I have managed to implement the following code to slideshow.js.

$j('#meteor-slides').after('<ul id="nav">').cycle({
    pager:  '#nav', 

    // callback fn that creates a thumbnail to use as pager anchor
    pagerAnchorBuilder: function(idx, slide) {
        return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>';
    }
});

the buttons work well, but sadly only the box with “no image” that appear. I really confuse how to make thumbnail loop to be put in meteor-slideshow.php. I think that is the problem. Can you help me how to make this works?

Thanks for the best slider you have.

https://wordpress.org/plugins/meteor-slides/