How to create such a list?

Please help with the code, I need to mark up such a list:
nbDSTJ-NXF8.jpg
I think it is clear what is required, when you click on the picture, it became coloured and with this frame, please help to finish this, even only approximate, with solid circles so that they were originally black and white and when you changed color with frame + changing unit downstairs. I would be very grateful, just start your way in the layout.
June 3rd 19 at 19:10
1 answer
June 3rd 19 at 19:12
Can make it a regular slider, or just tabs.
Example of tabs

Find more questions by tags JavaScriptHTMLCSSjQuery