Dynamic Product Images

Well I’d like to create a sort of dynamic way of showing images attached to a particular product so to speak, take for example the type used by nike.com in their product pages where as each variant of an item is selected an image concerning that variant is what is shown on the main grid blocks on the left of the site, how can i recreate that please.

Here is my public share link: LINK
(how to access public share link)