Product gallery display

Is there any solution for following - bigger image display is dependent on which smaller image is selected from right side. Right side can have 1 or more images. I understand it is somehow to do with a slider, but no clue how to do it. Any help/ideas would be awesome.

image

There may be an easier way, but I’d build this with custom code. The thumbnails would be shown with a collection list, and clicking an image would change the larger image’s src to match the clicked image.

If you wanted to have an arbitrary number of thumbnails, but only show e.g. 3 at once, I’d use swiper.js to create that slider arrangement.