I am developing an e-commerce clothing WordPress site for a client. They've given me a strict design including a page titled 'LookBook' which displays images in a tab gallery style. Creating this with a tradition HTML page I would develop a list of thumbnail sized images and a container for the featured image. Using jQuery, I would add an onClick function to all elements of the list to make their image source = the container background image source. This would mean whatever image selected will become the feature image until another selection is made.

In Wordpress I understand how to insert image blocks in to a list (a container block) and that there is existing plugins where I can import jQuery scripts, but my main problem is when writing the scripts to manipulate these images I don't know what tag elements to reference or how to rename the tags.